ReactJS 환경 설정하기

 

자, 그럼 ReactJS가 무엇인지 알아보았으니 React를 사용해보자

 

React를 사용하기 위해선 몇가지 라이브러리와 툴을 설치해야 한다.

 

 

1. Node.js 설치

https://nodejs.org/ko/

Node.js

 

 

 

 

2022.02월 기준 제일 최신 버전 17.5.0

 

제일 최신 버전을 설치해준다. 

 

 

Node.js를 설치하면 npm이라는 툴을 이용가능하게 해준다.

 

 

 

 

 

 

2. Visual Code 설치

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

 

이렇게 VSCode까지 설치해줬다면 Visual Code 를 열어서 파일 > 폴더 열기를 클릭해서 프로젝트 만들 폴더를 열어준다.

 

터미널을 키고 ( 단축키 ctrl + shift + " + " ) npx create-react-app을 쳐준다.

 

create-react-app을 하게 되면 React에 필요한 파일들을 자동으로 생성해준다. 

 

빠른 속도로 reactJS에 필요한 라이브러리 등의 파일들을 다운받을 텐데 다운이 완료된다면 아래와 같은 파일들이 생성된다.

 

node_modules : 다운받은 라이브러리가 있는 폴더

public : static 파일 보관함

src : 소스코드 보관함, 실질적으로 하는 코딩은 여기서 한다

package.json : 설치한 라이브러리 목록

 

 

위의 파일들이 설치가 완료 되었다면, ReactJS를 위한 환경 설정이 모두 완료된 것이다.