리엑트 작업환경 설정(Node.js, npm, VSC, Git설치)

1. Node.js 다운로드

 

https://nodejs.org/ko

Node.js — 어디서든 JavaScript를 실행하세요

node.js다운로드를 눌러 다운로드 받기

전부 next 누르면 설치가 완료된다.

 

설치가 완료된 이후에 window + r 누르고 cmd입력하면 명령 프롬프트 창이 나타난다.

node -v

 명령어를 입력하면 node.js의 버전이 나타난다. 

나타나면 제대로 설치가 된 것이다.

 

node.js를 설치할 때 패키지를 관리해주는 npm이라는 도구가 설치된다.

npm -v

 

이 명령어도 입력해서 결과를 확인해보자

 

npm외에 yarn이라는 패키지 관리자 도구도 있는데 나는 npm을 사용할거다.

yarn의 장점으로는 npm보다 빠르고 효율적인 캐시 시스템등을 제공한다는데 나중에 찾아보고 괜찮은 것 같으면 갈아타고, 일단은 npm으로 진행한다.

 

---

VSC는 이미 설치되어 있어서 그냥 진행

 

 

EXTENSIONS에서 추가로

 

ESLint : 자바스크립트 문법 및 코드 스타일을 검사해주는 도구

Reactjs Code Snippets :리액트 컴포넌트 및 라이프 사이클 함수를 작성할 때 단축 단어를 사용하여 간편하게 코드를 자동으로 생성해낼 수 있는 코드 스니펫 모음이다. 

Prettier-Code formatter: 코드 스타일을 자동으로 정리해 주는 도구

 

---

Git도 기존에 설치되어 있어서 패스