1. 비주얼스튜디오를 다운 받고 구글에서 React.js 검색 후 가장 최신 버전 다운로드
2. 비주얼 스튜디오에서 설치할 폴더 지정 후
3. 터미널창에 이것을 입력한다.
npx create-react-app blog(프로젝트명)
npx - 라이브러리 설치를 도와주는 명령어
create-react-app - 리액트 세팅이 다 된 boilerplate (프로젝트를 한 번에 설치할 수 있도록 도와줌)
blog - 프로젝트 이름
엔터치면 설치~~
폴더를 열어서 src - App.js 이곳에서 코딩을 시작하면 된다.
미리보기를 키고 싶다면?
- 터미널
npm start
Create React App
Set up a modern web app by running one command.
create-react-app.dev
자세한 사항은 위의 주소에서 활용하면 됩니다요~
- App.js는 메인페이지에 들어갈 HTML 짜는 곳
- public/index.html 메인페이지
- App.js에 있는 것을 index.html에 넣기 위해서 index.js라는 파일에서 시킴
자세히는 차차 배우도록 한다~
node_modules : 라이브러리 모은 폴더
public : static 파일 보관함 (=동적으로 바뀌지 않는 파일들)
리액트 프로젝트 완성시 빌드 발행 컴파일 등을 하면 파일 압축이 되는데 이 폴더에서는 압축이 안 되고 잘 남아 있음
src : 소스코드 보관함. 실질적 코딩은 여기서 함.
리액트는 그냥 html, css 등을 만들 때 사용하는데 문법이 약간 다름 익숙해지면 좀 더 편리하게 사용할 수 있다.
pakage.json - 설치한 라이브러리 목록 (이름, 버전 등)
'개발일지 > React & C++' 카테고리의 다른 글
[C++] 포인터 (0) | 2023.09.17 |
---|---|
[React : 05] Component (1) | 2022.03.20 |
[React : 04] 이벤트 리스너 ( 좋아요 버튼 ) (0) | 2022.03.17 |
[React : 03] state를 이용해 글 목록 만들기 (0) | 2022.03.15 |
[React : 02] JSX (0) | 2022.03.14 |