React) React 초기 세팅

아주 간략하게 정리하면 이렇습니다.

세팅 전

 

1. npm, yarn 다운로드 -> Google에 검색해서 node.js 최신 소프트웨어로 다운로드

1-1 : windows : 웹 사이트 다운로드 가능함 -> 제일 쉬움

1-2. Linux (Ubuntu) : 다음과 같은 과정을 거쳐야 함 (store에서 node.js 설치 가능)

1-2-1.  sudo apt-get update : 파일 업데이트

1-2-2. sudo apt-get install -y build-esential : 기본적인 파일 설치 준비

1-2-3. sudo apt-get install curl : curl 명령어 설치 -> 웹사이트 주소를 통해 다운로드 받을 수 있음

1-2-4. curl -sL https: : node.js (Linux 버전) 웹 사이트에서 최신 파일 찾아서 주소 복사

1-2-5. sudo apt-get install -y node.js : node.js 다운로드

1-3. node -v : node.js 설치 버전 확인

1-4. npm - v : npm 설치 버전 확인

1-5. npm install -g yarn : yarn 설치

1-6. yarn -v : yarn 설치 버전 확인

 

세팅 중

 

1. 자기가 실행할 컴파일러 고르기 (Visual Studio Code, Eclipse, WebStorm ... )

 

2. 컴파일러에서 터미널 열기 (WebStorm의 경우 왼쪽 하단에 아이콘 4개가 있음 -> 2번째 선택)

 

3. 터미널이 열리면 각 경우에 맞게 사용

 

3-1. 지정된 파일에서 React 세팅을 하고 싶다 -> cd 파일 경로 (ex: cd download) -> yarn create react-app 만들고 싶은 파일 이름

 

3-2. 그냥 바로 다운로드 받아야 한다 -> yarn create react-app 만들고 싶은 파일 이름

 

3-3. 패키지 (React 공식 사이트에서 확인) 다운로드 받기