티스토리 뷰
프로젝트 구성 요소
- node_modules : node.js 패키지의 구성요소
- public
- src
- package-lock.json : node.js 패키지의 구성요소
- package.json : node.js 패키지의 구성요소
public
- favicon.ico : React 아이콘 (크롬 브라우저 탭 상단에 위치)
- index.html : main 프로그램인 index.js 에 의해 rendering 된 결과가 표시 (HTML template file)
- logo192.png, logo512.png, mainfext.json : 앱에 필요한 정보들 (앱의 이름, 배경색 등)
- robots.txt : 검색사이트(네이버, 구글) 에서 검색엔진 수집 여부 지정
src (source)
- App.css : 스타일 파일
- App.js : Component를 정의하는 js 파일
- App.test.js : test 용도로 사용하는 파일 (삭제 해도됨)
- index.css : 스타일 파일
- index.js : main js 파일로 Component를 조합하고 렌더링 하여 index.html에 표시한다.
- logo.svg : (삭제해도됨)
- reportWebVitals.js : Web 퍼포먼스 측정 도구 (삭제해도됨)
- setupTests.js : test 용도로 사용하는 파일 (삭제해도됨)
참고
[React] Node.js / 프로젝트 & NPM
NPM (Node Package Manager) Node.js 의 패키지 관리 도구 Package : 누군가 따로 만들어놓은 node.js 모듈을 의미 NPM은 Node.js 에 필요한 패키지들을 관리한다. 즉, 다른 사람들이 만들어 놓은 모듈들을 받아..
espania.tistory.com
https://espania.tistory.com/347
[React] 입문 / Create React App
React App을 만드는 방법 React App을 만들기 위해서는 React 라이브러리 뿐만 아니라 Webpack, Babel 등과 같은 npm 이 지원하는 부수의 라이브러리들을 설치하고 setting 해야한다. 이러한 과정을 생략하고
espania.tistory.com
'React' 카테고리의 다른 글
| [React] 입문 / State (상태) (0) | 2022.03.04 |
|---|---|
| [React] 입문 / JSX (0) | 2022.03.03 |
| [React] 입문 / Create React App (0) | 2022.03.02 |
| [React] 입문 / React가 필요한 3가지 이유 (0) | 2022.03.02 |
| [React] Node.js / 프로젝트 & NPM (0) | 2022.03.02 |