공대생의 노트

프로젝트를 생성하고자 하는 위치로 이동해서 cmd열어주기 

이거 꿀팁인데 위치에서 cmd입력하면 바로 위치가 열린다!

yarn create react-app hello-react

명령어를 입력하고 실행하면 

프로젝트가 생성된다.

cd hello-react
yarn start

웹에 화면이 나타나면 정상적인 프로젝트이다.

1. Node.js 다운로드

https://nodejs.org/ko

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

설치가 완료된 이후에 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도 기존에 설치되어 있어서 패스