코딩앙마 React JS crate-react-app
2022. 1. 22. 19:02ㆍ코딩공부/React
리엑트 프로젝트 create 하는 법
C:\Users\gahyu\OneDrive\바탕 화면\sparta\React>npx create-react-app voca(프로젝트명)
페이지 여는법
(프로젝트 경로에서) npm start
구성 살펴보기
node_modules 폴더
삭제하면 작동안됨
그래도 package.json 파일만 그대로라면 npm install 명령어로 다시 설치할 수 있기때문에
git에 업로드 할 때는 크기가 큰 node_modules 파일은 빼고 업로드해준다.
public 폴더
index.html이 존재한다
여기서 리액트 코드로 실행되어서 만들어진 DOM이 구현된다
src 폴더
대부분에 작업은 이 안에서 진행된다
app.js에서 기능을 구현한다.
기능을 구현하고 저장하면 바로 반영이 되는데
이것을 Hot Module Replacement(HMR)이라고 한다
'코딩공부 > React' 카테고리의 다른 글
코딩앙마 React Js 이벤트 처리 (0) | 2022.01.24 |
---|---|
코딩앙마 React JS CSS 작성법 (0) | 2022.01.22 |
코딩앙마 React JS 컴포넌트, JSX (0) | 2022.01.22 |
리액트 기초반 1주차(2) (0) | 2022.01.22 |
리액트 기초반 1주차(1) (0) | 2022.01.22 |