React 시작하기

React 시작하는 방법

1. 코드 플레이그라운드
   • codepen.io, codesandbox
   • 구글에서 codepen 검색
   • click “Start Coding”
   • click “Settings”
   • click “JS > Babel”
   • search react-dom in “JS > Add External Scripts/Pens”
   • 공식문서에서 사용하는 방식
2. 리액트 앱 만들기
   • 2-1. npm init
     • src, public 파일 추가
     • Babel, Webpack 설정
   • 2.2. cra 이용하기
     • npx create-react-app {프로젝트명}
3. 기존 사이트에 리액트 추가
   • 리액트 cdn 설정

codesandbox 환경설정

1. 구글에서 codesandbox 검색
2. 우측 상단의 Create Sandbox 클릭
3. Create Sandbox 클릭
4. static 클릭
   1. 저장 필요시 로그인