[React] create-react-app 설치하기

create-react-app : 리액트 개발을 편하게 해주는 도구

앞서 리액트 실습을 할 때 환경 설정을 일일이 해줘야 했다. 굉장히 번거롭다. 이를 해결하기 위해 create-react-app을 설치하면 리액트가 적용되어 있는 상태로 개발을 시작할 수 있다. 

 

설치 과정

1. 사전준비물 :  Node.js, npm, VS Code 설치가 되어있어야 한다. 

 

2. 다음 명령어를 VS CODE 터미널에 입력한다. 

npx create-react-app <your-project-name>

<>는 쓰지 않아도 된다. 그냥 만들고 싶은 이름만 입력하면 됨. 

 

설치중

3. 명령어 실행시 to proceed ? (y) 가 나온다. 입력창에 y를 입력하고 엔터.

 

4. 설치가 끝나면 친절하게 명령어를 안내해준다. 

5. cd tmdgh-web , npm start를 순서대로 입력해준다. 

 

 

결과 

설치 완료

localhost는 현재 내가 사용하고 있는 컴퓨터를 말한다. 3000번 포트로 만들어졌다. 만약 또 다른 프로젝트를 만들면 3001번 포트로 만들어진다. 리액트 애플리케이션이 로컬 개봘 환경에서 실행됐다. 해당주소로 접속하면 하늘색 리액트 로고가 나타난다. 이제 개발 환경 준비는 끝났다. 차근차근 하나씩 리액트 개발에 대해 공부하고 실습해보자.