목록전체 글 (55)

멋진 개발자가 되고 싶어

[angular] project 기본 스타일 설정 방법 (SCSS, SASS를 기본값으로 설정하는 방법)

project 기본 스타일 설정 방법 ng new projectName 터미널에 위의 명령어를 입력하면 앵귤러 프로젝트를 생성한다. 이때 터미널의 디렉토리가 프로젝트 생성을 원하는 폴더로 지정되어 있어야 한다. ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? // 여기서 선택 명령어를 입력하면 위와 같은 내용이 표시된다. 이때 CSS, SCSS, SASS 중에서 원하는 스타일 형식을 선택하면 된다. 유용한 터미널 명령어 mkdir folderName 폴더 생성 cd ./folderName/ 생성한 폴더로 디렉토리 변경
JAVASCRIPT/Angular 2023. 1. 11. 19:55
[codepen] 코드펜 코드 복사해와도 안될 때 (코드펜에 적용된 라이브러리 찾는 법)

코드펜에 적용된 라이브러리 찾는 법 프로그래밍을 하다보면 코드펜에서 소스코드를 옮겨올 때가 많다. 하지만 나의 프로젝트에서는 코드가 제대로 작동하지 않는 경우가 흔하게 발생한다. 그럴 때는 라이브러리가 모듈로 삽입되지 않은 경우가 대부분이다. 이때 코드펜에 적용된 라이브러리를 확인하고 자신의 프로젝트에 적용하는 방법에 대해서 기록해봤다! 원하는 코드펜 창 켜기 우측상단에 settings 클릭 (css 라이브러리의 경우) css 탭의 Add External Stylesheets/Pens 확인 (js 라이브러리의 경우) js 탭의 Add External Scripts/Pens 확인 하단에 들어있는 링크들은 cdn으로 추가된 라이브러리 해당 링크를 참고하여 본인의 프로젝트에도 적용
CODE/유용한 정보 2023. 1. 11. 10:48
객체탐색법

객체탐색법 const sample : any ={ ko: '한글', en: '영어' } console.log(sample.en) // '영어' 출력 console.log(sample['en']) // '영어' 출력sample.en 데이터 형식이 정해져 있을 때 사용 sample['en'] 값이 동적으로 바뀔 때 사용 [] 안에 변수를 넣어서 사용가능 반드시 값이 있을 때만 사용하는 게 좋음
JAVASCRIPT/javaScript 2023. 1. 6. 19:30
gitignore 활용법 (깃허브에서 파일 숨기기)

gitignore git에 올리고 싶지 않은 파일을 관리하는 파일 이를 활용하면 github와 같이 소스코드를 공개적으로 업로드하는 사이트에 민감한 정보를 제외한 후 업로드가 가능하다. 예) API KEY 사용법 최상위 디렉토리에 .gitignore 파일 생성 이후 파일 안에 gitignore을 원하는 파일 명을 작성 예시 아래는 .gitignore 파일 안의 내용이다. 파일 안에 아래와 같이 작성하면 해당파일에 변경사항이 있더라도 더 이상 commit 목록에 표시 되지 않는다. ### 샵으로 시작하는 줄은 주석처리하듯 무시된다. ### # 이는 파일 분류 혹은 설명에 사용한다. # apikey.js **node_module ./파일경로/폴더이름/ 적용을 원하는 파일의 파일명과 확장자까지 써주면 된다. ..
TOOLS/git 2023. 1. 6. 15:13
[GSAP] js module을 통한 GSAP 사용 (사용 전 세팅 방법)

아래를 실행하기 전에는 node.js 설치가 완료되어있어야합니다. 이후 아래의 링크를 통한 사전 설정이 되어있는지 확인 후 실행 바랍니다. node.js 사용법 - https://wanna-be-a.tistory.com/24 ✨js module을 통한 GSAP 사용 terminal에서 gsap install npm i gsap 위의 명령어 입력 시 pakage.json에 dependencies가 생성된다. "dependencies": { "gsap": "^3.11.3" } html에 script 태그로 연결 pakage.json에 아래와 같은 내용이 있는지 확인 "main": "src/js/index.js", // 경로가 정확한지 확인 "type": "module", js 파일에 아래와 같은 내용 입력 ..
JAVASCRIPT/javaScript 2022. 12. 21. 19:30
node.js 사용법 (live-server / pakage.json)

✏️node.js 사용법 (live-server / pakage.json) live-server 실행하는 방법 terminal에서 live-server install npm install -g live-server pakage.json에 live-server 추가 "live-server": "live-server" // "원하는 이름": "live-server" pakage.json npm init 위의 명령어를 terminal에 입력하면 pakage.json 파일이 생성된다.
JAVASCRIPT/javaScript 2022. 12. 20. 19:30
이전 Prev 1 ··· 4 5 6 7 8 9 10 Next 다음