본문 바로가기

WEB(Front-End)/React 시작

1. react 시작하기(설치~구성)

1. node.js 설치 (npm 사용하기 위해)

2. npx create-app 프로젝트명(아래와 같이 생성됨)

ex) npx create-app voca

3. npm start (실행 결과 브라우저가 자동으로 열림)

4.

src 디렉토리 안의 소스코드를 수정하면된다.(대부분의 작업) index.js app.js (HMR : Hot Module Replacement)

public 디렉토리 안에는 index.html <div id="root"></div> 으로 react코드가 실행되서 만들어진 DOM이 구현된다.

5.

'WEB(Front-End) > React 시작' 카테고리의 다른 글

6. state(컴포넌트 속성값)  (0) 2021.11.02
5. 이벤트 처리(Handling Events)  (0) 2021.11.02
4. CSS 넣기(3가지)  (0) 2021.11.02
3. 컴포넌트 실습 (직접 컴포넌트 만들기)  (0) 2021.11.02
2. 컴포넌트 기초  (0) 2021.11.02