30-days-of-react
30 Days of React Content and Source Code
파일 탐색기
최종 버전 다운로드 (.zip)- .keep
- app1.html
- container.jsx
- container2.jsx
- content1.jsx
- header.jsx
- timeline1.jsx
- activity_item.jsx
- content1.jsx
- content2.jsx
- content3.jsx
- content4.jsx
- header1.jsx
- header2.jsx
- header1.js
- timer1.jsx
- container1.js
- content1.js
- content2.js
- timer1.js
- basic-proptypes.js
- collection-proptypes.js
- element-proptypes.js
- object-proptypes.js
- proptypes1.js
- header1.js
- inline-header.js
- content-search.js
- header-click.js
- header-no-click.js
- header-search.js
- interactionBindings.js
- mousemove.js
- search-form.js
- working-search.js
- doc.mkd
- index.html
- cover.jpg
- post.md
- doc.mkd
- index.html
- cover.jpg
- post.md
- doc.mkd
- app.html
- app2.html
- cover.jpg
- post.md
- doc.mkd
- breakdown-2.jpg
- breakdown-2.png
- breakdown.jpg
- breakdown.png
- part4.sketch
- app1.html
- app2.html
- Timeline.css
- cover.jpg
- post.md
- doc.mkd
- content.html
- content2.html
- content3.html
- header.html
- header2.html
- header3.html
- cover.jpg
- post.md
- doc.mkd
- clock-state.html
- Clock.css
- clock.html
- cover.jpg
- post.md
- doc.mkd
- clock.html
- container.html
- content.html
- data.js
- cover.jpg
- post.md
- doc.mkd
- BasicProptypes.js
- CollectionProptypes.js
- cover.jpg
- ElementProptypes.js
- ObjectProptypes.js
- post.md
- Proptypes1.js
- UserLink.js
- doc.mkd
- header-inline.html
- header.html
- styles.css
- text-color.html
- cover.jpg
- post.md
- doc.mkd
- header-click.html
- header-search-form-onchange.html
- header-search-form.html
- interaction-event-bindings.html
- mouse-move-react.html
- mouse-move.html
- search.html
- styles.css
- cover.jpg
- post.md
- doc.mkd
- clock.html
- cover.jpg
- post.md
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- Content.js
- Header.js
- App.css
- App.js
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- .gitignore
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- Ampm.js
- CleanerFormatter.js
- Clock.js
- Formatter.js
- Hour.js
- Minute.js
- Second.js
- Separator.js
- Repeater.js
- ShowA.js
- App.css
- App.js
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- cover.jpg
- post.md
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- App.css
- App.js
- App.test.js
- getCurrentTimeCallback.js
- getCurrentTimeHandlerId.js
- getCurrentTimeOnFail.js
- getCurrentTimePromise.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- App.css
- App.js
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- TimeForm.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- App.css
- App.js
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- SimpleRouter.js
- TwoLinkedRoutes.js
- TwoLinkedSingleRenderedRoutes.js
- TwoLinkedSingleRoutes.js
- TwoRoutes.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- cover.jpg
- post.md
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- About.js
- Home.js
- App.js
- Root.js
- configureStore.js
- reducers.js
- types.js
- App.css
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- About.js
- Home.js
- App.js
- Root.js
- actionCreators.js
- configureStore.js
- currentUser.js
- reducers.js
- types.js
- App.css
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- About.js
- Home.js
- App.js
- Root.js
- actionCreators.js
- apiMiddleware.js
- configureStore.js
- currentTime.js
- currentUser.js
- loggingMiddleware.js
- reducers.js
- types.js
- App.css
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- cover.jpg
- post.md
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- Timeline-test.js
- Timeline.css
- Timeline.js
- index.js
- logo.svg
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- Timeline-test.js
- Timeline.css
- Timeline.js
- index.js
- logo.svg
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- Timeline-test-test-utils.js
- Timeline-test.js
- ActivityItem.js
- Header.js
- Timeline.css
- Timeline.js
- data.json
- index.js
- logo.svg
- setupTests.js
- cover.jpg
- package.json
- post.md
- README.md
- yarn.lock
- doc.mkd
- favicon.ico
- index.html
- CHROME_57.0.2987.133_MAC_auth-flow.xml
- CHROME_79.0.3945.79_Linux_auth-flow.xml
- Form.js
- Input.js
- Navbar.js
- auth.js
- auth.js
- index.js
- configureStore.js
- types.js
- index.css
- About.js
- Home.js
- Login.js
- App.css
- App.js
- App.test.js
- index.css
- index.js
- logo.svg
- Root.js
- auth-flow.js
- cover.jpg
- nightwatch.json
- package.json
- post.md
- yarn.lock
- cssTransform.js
- fileTransform.js
- development.config.env
- env.js
- modules.js
- paths.js
- pnpTs.js
- production.config.env
- webpack.config.js
- webpackDevServer.config.js
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- build.js
- start.js
- test.js
- About.js
- Home.js
- App.js
- Root.js
- actionCreators.js
- apiMiddleware.js
- configureStore.js
- currentTime.js
- currentUser.js
- loggingMiddleware.js
- reducers.js
- types.js
- App.css
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- cover.jpg
- package.json
- post.md
- yarn.lock
- doc.mkd
- cover.jpg
- post.md
- cssTransform.js
- fileTransform.js
- development.config.env
- env.js
- modules.js
- paths.js
- pnpTs.js
- production.config.env
- webpack.config.js
- webpackDevServer.config.js
- doc.mkd
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- build.js
- deploy.sh
- release.js
- start.js
- test.js
- About.js
- Home.js
- App.js
- Root.js
- actionCreators.js
- apiMiddleware.js
- configureStore.js
- currentTime.js
- currentUser.js
- loggingMiddleware.js
- reducers.js
- types.js
- App.css
- App.test.js
- index.css
- index.js
- logo.svg
- serviceWorker.js
- setupTests.js
- .travis.yml
- cover.jpg
- package.json
- post.md
- yarn.lock
- doc.mkd
- cover.jpg
- post.md
- breakdown-2.jpg
- breakdown-2.png
- breakdown.jpg
- breakdown.png
- part4.sketch
- app.jpg
- app.png
- build.jpg
- build.png
- chrome-start.jpg
- chrome-start.png
- create-app.jpg
- create-app.png
- index-html.jpg
- index-html.png
- install-create-react-app.jpg
- install-create-react-app.png
- npm-start.jpg
- npm-start.png
- tree.jpg
- tree.png
- children-map.jpg
- children-map.png
- run-no-key.jpg
- run-no-key.png
- install-fetch.jpg
- install-fetch.png
- install-react-router.jpg
- install-react-router.png
- home-time.jpg
- home-time.png
- install-redux.jpg
- install-redux.png
- no-reducer.jpg
- no-reducer.png
- structure.jpg
- structure.png
- home-time.jpg
- home-time.png
- login-logout.gif
- first-tests.jpg
- first-tests.png
- second-tests.jpg
- second-tests.png
- failing-test-1.jpg
- failing-test-1.png
- failing-test-2.jpg
- failing-test-2.png
- navbar.jpg
- navbar.png
- passing-test-1.jpg
- passing-test-1.png
- passing-test.png
- enzyme-test-1.jpg
- enzyme-test-1.png
- enzyme-test-2.jpg
- enzyme-test-2.png
- enzyme-test-3.jpg
- enzyme-test-3.png
- nightwatch-1.jpg
- nightwatch-1.png
- nightwatch-2.jpg
- nightwatch-2.png
- nightwatch-3.jpg
- nightwatch-3.png
- npm-start.jpg
- npm-start.png
- selenium-server.jpg
- selenium-server.png
- bitballoon.jpg
- bitballoon.png
- gh-pages.jpg
- gh-pages.png
- git-branch.jpg
- git-branch.png
- github-pages.jpg
- github-pages.png
- github-repo.jpg
- github-repo.png
- github-url.jpg
- github-url.png
- heroku-create.jpg
- heroku-create.png
- heroku-deploy.jpg
- heroku-deploy.png
- heroku-login.jpg
- heroku-login.png
- heroku-plugin.jpg
- heroku-plugin.png
- heroku-static-init.jpg
- heroku-static-init.png
- heroku.jpg
- heroku.png
- npm-build.jpg
- npm-build.png
- pancake.jpg
- pancake.png
- s3.jpg
- s3.png
- surge-deploy.jpg
- surge-deploy.png
- surge.jpg
- surge.png
- deploy-fail.jpg
- deploy-fail.png
- deploy-script.jpg
- deploy-script.png
- travis-activate-repo.jpg
- travis-activate-repo.png
- travis-output.jpg
- travis-output.png
- travis-select-repo.jpg
- travis-select-repo.png
- travis-setup.jpg
- travis-setup.png
- 1.jpg
- 10.jpg
- 10_wide.jpg
- 11.jpg
- 11_wide.jpg
- 12.jpg
- 12_wide.jpg
- 13.jpg
- 13_wide.jpg
- 14.jpg
- 14_wide.jpg
- 15.jpg
- 15_wide.jpg
- 16.jpg
- 16_wide.jpg
- 17.jpg
- 17_wide.jpg
- 18.jpg
- 18_wide.jpg
- 19.jpg
- 19_wide.jpg
- 1_wide.jpg
- 2.jpg
- 20.jpg
- 20_wide.jpg
- 21.jpg
- 21_wide.jpg
- 22.jpg
- 22_wide.jpg
- 23.jpg
- 23_wide.jpg
- 24.jpg
- 24_wide.jpg
- 25.jpg
- 25_wide.jpg
- 26.jpg
- 26_wide.jpg
- 27.jpg
- 27_wide.jpg
- 28.jpg
- 28_wide.jpg
- 29.jpg
- 29_wide.jpg
- 2_wide.jpg
- 3.jpg
- 30.jpg
- 30_wide.jpg
- 3_wide.jpg
- 4.jpg
- 4_wide.jpg
- 5.jpg
- 5_wide.jpg
- 6.jpg
- 6_wide.jpg
- 7.jpg
- 7_wide.jpg
- 8.jpg
- 8_wide.jpg
- 9.jpg
- 9_wide.jpg
- 30-days-of-react-book-cover-2-as-book-220.png
- download-the-pdf-button.png
- fullstack-react-hero-book.png
- package.json
- readme-chapters.js
- yarn.lock
- .all-contributorsrc
- .gitignore
- _params.yaml
- index.html
- README.md
- styles.css
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/fullstackreact/30-days-of-react
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd 30-days-of-react
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
yarn install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
yarn start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
