관리 메뉴

프론트엔드 정복하기

웹사이트에 react 추가하기(react 공식사이트) 본문

React/기본 사용법

웹사이트에 react 추가하기(react 공식사이트)

GROWNFRESH 2020. 6. 19. 11:35

https://ko.reactjs.org/docs/add-react-to-a-website.html

 

1단계: HTML 파일에 DOM 컨테이너 설치

2단계: 스크립트 태그 추가하기

3단계: React 컴포넌트 만들기

선택사항: JSX로 React 해보기

JSX 전처리기 실행하기

npx babel --watch src --out-dir . --presets react-app/prod

: jsx문법을 javascript로 변경하고 싶을 때 마다 위 명령문을 실행하면 된다.

: src 파일 내에 있는 문법을 js로 변경한다는 말이다. 따라서 babel화를 처리하고 싶은 파일만 src 파일에 저장한다.