프리온보딩 인턴쉽 프론트엔드 사전과제 - 과제 확인 사항

과제 제출

[✅]레파지토리 이름은 wanted-pre-onboarding-frontend로 생성
[✅]과제 제출은 참가 신청시 수행한 과제의 레파지토리의 주소를 제출
[✅]과제의 소스코드는 본인의 GitHub 레파지토리에 Public
[✅]레파지토리를 들어갔을 때 바로 소스코드가 보이도록
[]git clone 후, npm install & npm start 명령어를 통해서 바로 정상동작이 가능하게 ?

---

README.md 작성

[✅]프로젝트의 실행 방법

## 실행 방법

1. 레포지토리를 클론합니다.  

   `git clone https://github.com/youngentry/wanted-pre-onboarding-frontend`

2. 패키지를 설치합니다.  

   `npm install`

3. npm start로 react 앱을 실행합니다.  

   `npm start`

[✅]배포가 되었고 배포된 사이트에서 기능이 모두 동작

 

---

test-id 속성

[✅]이메일 input에 data-testid="email-input"

          <input className="input" data-testid="email-input" />

[✅]패스워드 input에 data-testid="password-input"

          <input className="input" data-testid="password-input" />

[✅]회원가입 페이지에는 회원가입 button에 data-testid="signup-button"

        <button className="submit-btn" data-testid="signup-button">

[✅]로그인 페이지에는 로그인 button에 data-testid="signin-button"

        <button className="submit-btn" data-testid="signup-button">

[✅]TODO 입력 input에는 data-testid="new-todo-input"

              <input data-testid="new-todo-input" />

[✅]TODO 추가 button에는 data-testid="new-todo-add-button"

              <button data-testid="new-todo-add-button">

[✅]수정 버튼에는 data-testid="modify-button"

                      <button data-testid="modify-button">

[✅]삭제 버튼에는 data-testid="delete-button"

                      <button className="delete" data-testid="delete-button">

[✅]수정 input창에는 data-testid="modify-input"

                      <input className="modify-input" data-testid="modify-input" />

[✅]제출버튼에는 data-testid="submit-button"

                      <button data-testid="submit-button">제출</button>

[✅]취소버튼에는 data-testid="cancel-button"

                      <button data-testid="cancel-button">