[React] 리액트 작업환경 준비

리액트를 개발하기 위한 작업환경 준비에 대해 알아보겠습니다.

1. node.js

• node.js란 브라우저환경이 아닌 곳에서도 자바스크립트를 실행할 수 있게 해주는 자바스크립트 런타임을 말함
• 우리가 리액트 프로젝트를 만들면 webpack, babel같은 도구를 사용해야 하는데 그러한 도구들이 node.js 기반으로 만들어졌기 때문에 node.js를 설치해야 함

2. yarn

• 자바스크립트 package들을 관리(manage)해주는 도구
• node.js를 설치하면 npm이 딸려나오는데 npm으로도 할 수 있긴 함
• yarn도 npm이랑 비슷한 도구인데 npm보다 빠른 속도로 다운로드받을 수 있게 해준다.
• npm에 익숙하거나 yarn을 설치하기 싫다면 yarn은 생략해도 되지만 한 번도 사용해보지 않았다면 사용해보는 것을 추천(npm보다 훨씬 빠르기 때문)
• npm install yarn 으로 설치 / yarn --version으로 버전 확인

3. VS Code

• VS Code는 코드를 작성하는 에디터를 말하는데, 익숙한 에디터가 있다면 그것을 사용해도 상관 없음

 

윈도우 사용자가 추가로 설치해야할 것

• git for windows

 

create-react-app 시작하는 법

• git bash 명령어
• pwd: 현재 디렉토리
• ls : 현재 디렉토리 안에 목록 보여줌
• cd : 경로 지정
• mkdir : 해당 경로에 폴더 만들기
• 윈도우 사용자라면 git bash 열고, 경로 지정해준 후 npx create-react-app 앱이름 이렇게 시작하면 된다. 좀 기다리면 완료 된다.
• 해당 폴더를 vscode에서 연다