1. Node.js 설치
Node.js를 LTS버전이나 최신 버전으로 우선 설치해주자.
나는 Latest(최신) 버전인 18.2.0 으로 가보겠다.
2. 작업 폴더 생성
알아서 폴더 생성해주고, VSCode에서 폴더 열어서 시작.
3. React 프로젝트 생성
터미널에
$ npx create-react-app [프로젝트명]
입력하면 쫘라라라라락 하고 프로젝트가 생성된다. (시간 좀 걸림)
Test라는 프로젝트를 생성하고 싶으면 npx create-react-app Test 라고 입력하면 됨.
4. 폴더 다시 열기
[프로젝트명] 으로 생성된 프로젝트 폴더를 다시 VSCode에서 열어준다.
안 해도 되는데.. 터미널에서 명령어치고 이것저것 하기에 이게 편함 ^ㅁ^
5. 끝!
이게 끝이다.
React 설치 왤케 쉬움?
src/App.js 에서 코드 짜면 되고
터미널에 npm start 쳐보면 크롬에 미리보기 바로 뜬다.
서버도 안열어도 됨; 개혜자;;
$ npm start
치면 대충
이런 화면이 나옴. 주소는 당근 localhost:3000