/mini-stopwatch-react

미니 사전과제 2. 스톱워치 for FastCampus (React)

Primary LanguageJavaScript

🐤 미니 사전과제 #2 스톱워치 (React)

FastCampus 강의 - 30개 프로젝트로 배우는 프론트엔드 웹 개발 (with React)를 위한 자료입니다.

📑 Get Started

Vanilla JS로 작성된 스톱워치 코드를 React 버전으로 변환한 코드입니다.

1) 보일러 플레이트 코드 확인하기

React 버전 사전 과제 작성을 위한 보일러 플레이트 코드는, 본 저장소의 main 브랜치에 업로드 되어 있습니다.

아래 단계를 통해 로컬에서 React App을 실행할 수 있습니다.

  1. 본 저장소를 fork 하거나, ZIP 파일로 다운로드 받은 후
  2. 아래 명령어로 의존성 라이브러리들을 설치해주세요.
npm install
# 또는
yarn install
  1. 아래 명령어로 React 개발 서버를 띄울 수 있습니다.
npm start
# 또는
yarn start

2) 답안 코드 확인하기

React 버전으로 완성한 답안 코드는 answer 브랜치에 업로드 되어 있습니다. 로컬에서 답안 코드를 확인하고 싶으시면 아래의 단계를 따라주세요.

  1. 본 저장소를 fork 하거나, ZIP 파일로 다운로드 받은 후
  2. 아래 명령어로 원격 answer 브랜치로 checkout 해주세요.
git checkout -t origin/answer
  1. 아래 명령어로 의존성 라이브러리들을 설치해주세요. (main 브랜치에서 이미 설치했다면 재설치는 불필요합니다.)
npm install
# 또는
yarn install
  1. 아래 명령어로 React 개발 서버를 띄울 수 있습니다.
npm start
# 또는
yarn start

✅ 요구사항

본 저장소의 wiki에서 요구사항을 확인하실 수 있습니다.

🖥 데모 페이지

image-20220109000429346