반응형
1. 시험환경
- Visual Studio Code
- node v14.17.0
- npm 6.14.13
2. 목적
- 간단한 블로그를 단계별 제작하는 방법을 통해서 ReactJS 사용법을 익힌다.
- create-react-app을 통해 설치한 신규 프로젝트의 메인 페이지를 확인한다.
3. 적용
① public/index.html
- <div> 태그의 id는 "root"이다.
② src/index.js
- 'root' ID를 갖는 Element 목적지에 <App/> 컴포넌트를 호출한다.
③ src/App.js
- npm start 명령어를 실행하면 나타나는 초기 페이지이다.
※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.
반응형
'FrontEnd Framework' 카테고리의 다른 글
ReactJS 단계별 프로젝트 - step.4 컴포넌트 추가 (0) | 2021.07.27 |
---|---|
ReactJS 단계별 프로젝트 - step.3 메인 페이지 수정 (0) | 2021.06.11 |
ReactJS 단계별 프로젝트 - step.1 create-react-app 프로젝트 만들기 (0) | 2021.06.11 |
ReactJS 단계별 학습 1 - step.14 click 이벤트 처리 (0) | 2021.06.10 |
ReactJS 단계별 학습 1 - step.13 class 컴포넌트 기본 사용법 (0) | 2021.06.10 |