리액트 설치와 세팅

 

먼저 node js와 visual studio code가 설치되어 있어야 한다.

Node.js

Visual Studio Code - Code Editing. Redefined

 

리액트 프로젝트 생성

visual studio -> terminal -> new terminal

 

터미널에서

npx create-react-app 프로젝트명을 입력하면 리액트 파일이 생긴다.

 

npx는 라이브러리 설치를 도와주는 명령어이다.

create-react-app은 세팅이 되어 있는 리액트 boilerplate 만들기 쉽게 도와주는 라이브러리

 

다 설치가 되서 보면

이런식으로 생김

app.js가 메인 페이지이다. html의 index.html 이라고 보면된다.

 

내가 코딩한 것을 미리 보는 방법 터미널에서 npm start 입력

그러면 위 사진처럼 미리보기를 할 수가 있다!

 

 

이외 리액트 설치 중 뭔가 잘 안된다면

노랑색은 경고

빨간색은 에러

https://online.codingapple.com/unit/react1-install-create-react-app-npx/?id=2305 

리액트 React 설치와 개발환경 셋팅 (2021 ver) – 코딩애플 온라인 강좌

 

코딩애플 유튜브 참조 했습니다.