React 17 을 단계별로 공부하며 만든 예제 40개를 챕터별로 정리한 학습 플랫폼입니다. (Create React App)
yarn install # 또는 npm install
yarn start # http://localhost:3000
yarn build # build/ 폴더에 프로덕션 번들 생성| 경로 | 설명 |
|---|---|
src/lessons.js |
챕터/레슨 커리큘럼 데이터 (새 예제는 여기에 추가) |
src/routes.js |
해시(#/lesson/N) 기반 라우터 |
src/layout/ |
레이아웃, 홈, 레슨 페이지와 스타일 |
src/App*.js |
각 레슨의 실습 컴포넌트 |
netlify.toml 에 설정이 포함되어 있습니다.
- Build command:
npm run build, Publish directory:build NODE_VERSION=16: react-scripts 4 는 최신 Node 에서 OpenSSL 오류가 발생합니다.CI=false: CRA 가 ESLint 경고를 빌드 에러로 처리하는 것을 방지합니다.- 해시 라우팅이라 새로고침/직접 접속도 정상 동작하며, SPA 폴백 리다이렉트도 설정되어 있습니다.
- 파일명은 대소문자를 구분합니다 (Netlify 는 Linux). import 경로와 실제 파일명을 반드시 일치시키세요.
GitHub 저장소를 Netlify 에 연결(Add new site → Import from Git)하면 master 브랜치 push 마다 자동 배포됩니다.