리액트 환경 설정

일단 node.js 를 설치한다

 

그 뒤에 바탕화면에 폴더를 만들고 폴더 우클릭 -> 터미널 열기를 클릭한다

 

 

그 뒤에 npx create-react-app (프로젝트명) 입력한다.

 

npx create-react-app react_study

 

 

비주얼 스튜디오를 통해 다운받은 react 앱을 시작해보자

상단의 터미널 -> new 터미널을 열어준다

 

 

명령어로 npm start라고 입력 해준다.

 

방금 위에 한 것은 그냥 react코드를 쳐도 되지만, create_react_app이라는 라이브러리를 받아서 쓰는 것이 시간이 훨씬 절약된다.(이게 일반적인 방법이랜다)

 

https://create-react-app.dev/

Create React App

 

이곳에서 메뉴얼 확인이 가능하다

 

이걸 사용하려면 npm을 써야하는데 node.js를 다운로드 하면 저절로 딸려옴

 

- node_modules : 라이브러리 코드 보관함

- public :  static 파일 보관함 (html, image 등)

- src : 코드 짜는 곳 

 

코딩애플 - 리액트 강의 중

App.js에서 마크업을 짜면 index.js의 설정으로 인해 index.html에 표시 된다.

 

- package.json : 프로젝트 정보, 라이브러리 연결 등