💻 React 프로젝트 생성하기
CRA로 프로젝트 생성하기
- node.js가 정상적으로 설치되어 있다는 가정
- vsc 사용 가정
❓ CRA란, create react app의 약자로 webpack과 babel등 개발 환경에 필요한 도구 및 설정을 포함하고 있어 이를 간단하게 해결할 수 있는 명령어(혹은 도구)이다.
특정 환경의 개발을 바로 진행할 수 있도록 만든 기초 환경을 '보일러 플레이트(boiler plate)'라고 부르기도 하는데, CRA는 보일러 플레이트의 일종이라고 할 수 있다.
1. CRA 설치
프로젝트를 저장할 위치(폴더)를 정하고 vsc 터미널을 연다. 터미널에 아래 코드를 입력한다.
npx create-react-app 프로젝트명
2. 폴더 들어가기
프로젝트 설치가 완료되었으면 폴더에 들어간다.
cd 프로젝트명
3. 서버 실행
이후 아래 코드를 입력하면 서버가 실행된다. http://localhost:3000 라는 주소를 확인할 수 있다.
npm start
📌참고자료
create-react-app, getting-started
https://penguingoon.tistory.com/216
