To do list card

> 구현에 따라 체크박스를 하나씩 체크해가면서, 프로젝트의 필수 혹은 권장할 만한 진행 상황을 확인할 수 있습니다.
>
> ## 1. 시스템 아키텍처
> * [x] JWT를 이용한 로그인 구현 | 필수 | 프론트엔드, 백엔드 | ★
> * [x] 권한 부여(Authorization)에 따른 기능의 접근 제한 구현 (예- 일반 사용자, 관리자 권한) | 필수 | 프론트엔드, 백엔드 | ★
> * [x] OAuth 2.0을 이용한 소셜 로그인 | 권장 | 프론트엔드, 백엔드 | ★
>
> ## 2. UI/UX
> * [x] 회원가입, 로그인, 로그아웃, 마이페이지, 회원탈퇴 기능 구현 | 필수 | 프론트엔드, 백엔드 | ★ |
> * [x] 회원가입, 로그인 및 회원정보 수정 시 유효성 검사 | 필수 | 프론트엔드 | ★ |
> * [x] 소셜 로그인 외 서비스 자체 회원가입 기능 제공 | 필수 | 프론트엔드 | ★ |
> * [x] 회원가입 없이 '체험하기' 형식으로 가볍게 기능을 이용할 수 있는 장치 마련 | 필수(Final only) | 프론트엔드 | ★ |
> * [x] 회원 탈퇴나 리소스 삭제시 확인(confirm) 모달 제공 | 권장 | 프론트엔드 | ★ |
> * [x] 마이페이지를 통해 사용자 개인정보 수정 기능 제공 | 필수 | 프론트엔드 | ★ |
> * [x] (소셜 로그인이 아닐 경우) 비밀번호 수정 기능 제공 | 필수 | 프론트엔드 | ★
> * [x] 라이브러리를 사용하지 않고 React 컴포넌트 직접 작성 (유어클래스에서 다룬 것) | 필수 | ★
> * [ ] 검색 필터링 기능 | 권장 | 프론트엔드, 백엔드 | ★★★
> * [ ] 상품 혹은 데이터를 API로 받아 와서 리스트 구현 | 권장 | 프론트엔드 | ★★
> * [x] 모바일 환경 대응 및 반응형 웹 | 권장 | 프론트엔드 | ★★
> * [x] S3로 파일 업로드 | 권장 | 프론트엔드, 백엔드 | ★★★
> * [x] 회원 가입시 인증 메일 발송 | 권장 | 프론트엔드, 백엔드 | ★★★
>
> ## 3. 스키마 및 API
> * [ ] N:M (다대다) 관계 설정 | 필수 | 백엔드 | ★
> * [ ] ERD (DB Diagram) 작성 | 필수 | 백엔드 | ★
> * [ ] API 작성 툴 (Swagger, Postman, Gitbook API) 사용 | 필수 | 백엔드 | ★★
> * [ ] ORM 사용 (sequelize, typeorm 권장) | 권장 | 백엔드 | ★
> * [ ] 페이지네이션 구현 | 권장 | 백엔드 | ★★★
>
> ## 4. DevOps
> * [ ] [코드] precommit 단계에서 semistandard 적용 | 필수 | 프론트엔드, 백엔드 |★
> * [ ] [릴리즈] 깃허브 커밋메세지 규칙 합의 | 필수 | 프론트엔드, 백엔드 | ★
> * [ ] [코드] 버전 규칙 합의 | 필수 | 프론트엔드, 백엔드 | ★
> * [ ] [릴리즈] PR 형식 합의 | 권장 | 프론트엔드, 백엔드 |★
> * [ ] [배포] 배포 자동화 설정 | 권장 | 백엔드 | ★
> * [ ] [배포] 도메인 구매 및 HTTPS 배포 | 권장 | 백엔드 | ★★★
>
> ## Advanced (도전) 항목을 추가적으로 구현할 계획이라면, 아래에 적어주세요
> 도전 항목은 유어클래스의 To do 리스트를 참고하세요.
>
> * [ ] 스크롤에 의한 애니메이션 적용 (greensock 사용 권장) | 도전 | 프론트엔드 | ★★★
> * [ ] [코드] Docker를 이용한 개발환경 구축 및 전 팀원의 이용 | 도전 | 백엔드 | ★★★