Search

#001 #개발 환경 셋업

Node설치

LTS버전은 안정적인 버전 다운받기
윈도우 환경에 있는 경우에는 이것을 반드시 체크해줘야 된다.
필요한 툴이 있을 때 자동으로 추가해주는 툴이라고 한다.
설치 후 node -v 로 버전이 확인되면 설치 완료
node를 설치하게 되면 자연스럽게 npm도 설치가 됨 확인 완료

VS-Code 기본 단축키 정리

Format On Save

ctrl + , 을 실행하면 설정 창이 나온다.
save를 검색해서 FormatOnSave 에 체크를 한다.
formatter 검색 Default Formatter에 Prettier - Code formatter 를 선택한 다.

Bracket Pair Color 설치

괄호 색을 변경해주어 가독성이 향상되게 도와준다.

Path intellisence 설치

경로 작업 시에 자동으로 경로를 찾아준다.

CSS Peek 설치

html 과 연결된 css를 찾아준다.

Hello world 찍어보기

app.js

app.js 를 새 파일로 생성한다.

hello world

코드를 작성해서 콘솔에서 실행한다.

실행

node 키워드로 app.js 파일을 실행하면 작성한 스크립트가 실행이 된다.

Nodemon

설치

nodemoon이란 실시간으로 스크립트 파일을 디버깅 할 수 있는 툴
npm install -g nodemon
JavaScript
복사
위의 명령어를 실행하면 설치가 된다.

사용

nodemon 파일이름
JavaScript
복사
formatonsave가 될떄 마다 실시간으로 콘솔에 찍히는 것을 볼 수 있다.

해제

ctrl + c 로 해당 모드를 해제할 수 있다.