•
node.js 설치
◦
리액트 개발을 위해서는 JavaScript 런타임인 node.js 필요
◦
LTS 버전 설치
◦
명령 프롬프트로 node.js 설치 확인
•
폴더 생성 후 리액트 프로젝트 생성하기
ls
mkdir 폴더이름
cd 폴더이름
yarn create react-app .
yarn start
Shell
복사
CRA(Create React App)
•
CRA는 React 개발 시 사용되는 보일러플레이트(BoilerPlate) 방식
보일러플레이트 : 프로젝트를 빠르게 시작하고, 일관된 구조와 설정을 가진 애플리케이션을 개발할 수 있도록 도와준다.
•
한 줄의 명령어로 React 프로젝트에 필요한 개발 필수 요소를 자동으로 구성
•
이전에 작성한 코드를 후속 모듈에 적용할 수 있는 재사용 가능한 프로그래밍 코드
•
webPack, babel, eslin 등과 같은 도구들을 자동으로 설치
ls
mkdir 폴더이름
cd 폴더이름
yarn create react-app .
yarn start
Shell
복사
•
vsc에서 react 관련 Plugin 설치
◦
Simple React Snippets
◦
Tailwind CSS IntelliSense
