React 1.설치와 개발환경 셋팅 (2021 ver)

Steve·2021년 5월 16일
0

npx create-react-app blog
npx create-react-app: 라이브러리 설치 도와 주는 명령어,
리액트 셋팅 다된 boilerplate(표준 문안) 만들기 쉽게 도와주는 라이브러리
blog라는 이름의 리액트 프로젝트를 만들겠다.(자유롭게 작명가능)

create-react-app 라이브러리를 사용하기 위해 node.js 설치함
그러고 나면 npm라는 툴을 이용 가능.
npm으로 create-react-app 이라는 라이브러리 쉽게 설치 가능.

App.js는 메인페이지에 들어갈 HTML 짜는 곳.
App.js에 있는걸 index.html에 다 갖다 박는것. 이 박는걸 index.js가 해줌

node_modules: create-react-app 구동하기위해 라이브러리 모은 폴더
public : static 파일 보관함.그림같은 변하지 않는것들 보관소
src: 소스코드 보관함
package.json: 설치한 라이브러리 목록

npm start : 내가 짠 코드 브라우저에 미리보기

profile
Front-Dev

0개의 댓글