- 유효성 검사를 사용한 회원 로그인 기능 - 자주 사용하는 InputBox와 Button을 컴포넌트화하여 재사용성을 높임 - 로그인 state를 useReducer로 관리 - Backend와의 통신을 통한 주문 상황(주문 진행 중 / 주문 완료)을 탭으로 구분하여 볼 수 있는 화면 구현 - 주문 진행 중 상태(대기 중, 배송, 제작)에 따라 그에 맞는 Label로 표시 - 주문 정보(브랜드 이름, 카테고리, 컬러, 수량 등) 추가 가능한 주문 의뢰서 접수 modal창 구현 - 필수 입력 값이 입력되었을 때 버튼 활성화

- 하루 동안의 느꼈던 감정을 기록, 다른 사람들의 기록도 볼 수 있는 페이지. 일주일 단위로 기록하며, 기록된 것을 바탕으로 위로와 응원의 메시지를 전달할 수 있도록 하는 취지의 프로젝트. **구현 예정 기능** - Backend와의 통신을 통해 API를 fetch 하여 다른 이용자의 기록을 볼 수 있는 기능 - 내가 기록한 일주일의 기록과 그 감정 기록을 바탕으로 통계 메세지 보여주기 - 다이어리를 분류할 수 있는 시리즈 만들기 기능

- Backend와의 통신을 통해 API를 fetch 하여 Home 화면의 상품 데이터 불러오기 - 페이지를 스크롤 할 때마다 상품 데이터 무한 스크롤 구현 - 받아온 상품 데이터 유형별 조건부 렌더링 구현 (메인 탭) - 메뉴 탭을 클릭하면 페이지가 바뀌는 것이 아닌 보이는 컴포넌트가 바뀌도록 동적 라우팅 구현 - Restful API query string를 이용한 정렬 구현 (판매량순, 신상품순, 낮은 가격순, 높은 가격순) - Mock data를 이용한 카테고리 구현 및 이미지가 바뀌는 hover 효과 Category 구현

- 메일을 이용한 회원가입 및 로그인 - 하나의 모달 창으로 회원가입, 로그인 탭을 누르면 그에 맞게 정보를 입력할 수 있는 컴포넌트가 보이도록 구현 - 토큰 기반 인증을 이용해 토큰을 저장하고 삭제하여 로그인 및 로그아웃 구현 - 로그인 했을 때 사용자 이름 및 사용자 메일 화면 표시 - Backend API를 fetch 하여 list data 반영 - 라이브러리 없이 Carousel Slider 구현 - Mock data를 이용한 Navigation 구현 및 hover 효과 구현