[WEB]리액트(React) 설치하고 세팅하기

리액트(React) 설치하고 세팅하기

 

---

일단 리액트를 설치 하기전에

아래 사이트에 들어가서 node.js 를 검색 하고 다운 받고 설치를 해준다.

 

https://nodejs.org/ko/download

다운로드 | Node.js

 

이미 설치 되어있으면 최신 버전으로 재설치하는 것을 추천

(에러갈 날 가능성이 높다고 한다)

 

그리고

 

소스 코드 편집기를 설치 해주기 위해서

Visual Studio Code 에디터를 다운 받아준다.

 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

설치가 완료 되었으면

코드를 작업하기 위한 폴더를 생성해준다.

 

그리고 Visual Code에서 아까 생성한 폴더를 열어준다.

 

React 프로젝트 생성하기

상단에 터미널(Terminal)을 찾아서

새 터미널(New Terminal ) 생성하기를 눌러주면 하단에 터미널 탭이 생기는 것을 확인 할 수 있다.

 

 

터미널에 [npx create-react-app 원하는 프로젝트명]을 입력해준다.

 

*npx는 nodejs에서 제공하는 라이브러리 설치 명령어이다.

*create-react-app 는 세팅이 다된 프로젝트를 한번에 만들어주는 라이브러리

 

*name can no longer contain capital letters

프로젝트명에는 대문자를 넣어서는 안된다

 

 

다운이 완료가 되고나면

비어있던 폴더에 지정했던 프로젝트 명으로 폴더가 생긴 것을 확인 할 수 있다.