본문 바로가기

개발일지/React & C++

[React : 01] 세팅

 

 

1. 비주얼스튜디오를 다운 받고 구글에서 React.js 검색 후 가장 최신 버전 다운로드

 

2. 비주얼 스튜디오에서 설치할 폴더 지정 후

 

3. 터미널창에 이것을 입력한다.

npx create-react-app blog(프로젝트명)

 

npx - 라이브러리 설치를 도와주는 명령어

create-react-app - 리액트 세팅이 다 된 boilerplate (프로젝트를 한 번에 설치할 수 있도록 도와줌)

blog - 프로젝트 이름

 

엔터치면 설치~~

 

 

폴더를 열어서 src - App.js 이곳에서 코딩을 시작하면 된다.

 

미리보기를 키고 싶다면?

- 터미널

npm start

 

https://create-react-app.dev/

 

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