[REACT] REACT 프로젝트 생성

React란?

 

JavaScript 라이브러리 중 하나로서, 사용자 인터페이스(User Interface)를 만들기 위해 사용되는 도구

싱글 페이지 웹 어플리케이션, 모바일 어플리케이션 개발 시에 토대로 사용

 

React 프로젝트 생성

 

TO-DO

1. Node.js 다운로드 받기

2. npx 명령어를 이용해서 CRA(Create-React-App)

 

1. Node.js

 

Node.js란 간단히 말해서 JavaScript 언어를 서버에서도 사용할 수 있도록 만든 프로그램이고

내장 HTTP 서버 라이브러리를 포함하고 있어 Apache 등의 별도 소프트웨어 없이 웹 서버에서 동작이 가능하다.

React 프로젝트를 생성하기 위해서는 반드시 필요하다.

 

Node.js

링크를 클릭하면 해당 사이트로 이동합니다.

 

설치시에는 별도의 지시사항 없이 next만 클릭하면 된다.

 

 

2. npx 명령어를 이용해서 CRA 하기

 

우선 React 프로젝트가 생성될 디렉토리를 하나 생성한 다음 VS Code에서 해당 폴더를 오픈한다.

 

 

npx create-react-app 프로젝트명

 

터미널에 위와 같이 명령어를 입력한다.

 

 

수 초가 지나면, 위와 같이 React 프로젝트가 성공적으로 생성된 것을 탐색기 탭에서 확인할 수 있다.

 

cd 프로젝트명
npm start

 

이어서, 터미널에서 알려준 것과 같이 두개의 명령어를 터미널에 입력하면

방금 생성한 React 프로젝트를 웹에서 확인할 수 있다.