리액트 프로젝트 시작하기

리액트 프로젝트를 만들어보자

 

초심자가 리액트 프로젝트를 처음부터 설정해서 만드는건 복잡한 작업이다. 어디서 어떻게 시작해야할지도 모르겠으니까,

 

페이스북에서 제공해주는 도구 create-react-app 을 통해서 간단하게 프로젝트를 시작할 수 있다.

 

참고 사이트 : https://github.com/facebook/create-react-app

GitHub - facebook/create-react-app: Set up a modern web app by running one command.

1. 프로젝트 설치

프로젝트를 만들 폴더를 만들어준다.

VS Code 에서 해당 폴더를 열어준 다음 터미널에서 명령어를 실행한다.

npx create-react-app my-app

진행하겠냐는 물음에 y 타이핑.

cd my-app

my-app 으로 디렉터리가 변경된다.

 

npm start

해당 내용의 사이트가 뜨면 OK. 리액트 프로젝트가 설치되었다.

 

여기서 페이지를 수정해서 작업을 하면 리액트로 만든 내 홈페이지가 된다.