- 프론트엔드 전체 기능 구현 - React 기반 컴포넌트 계층 구조 디자인 - 회원가입, 로그인, 아이디/비밀번호 찾기, 회원 정보 변경 등 User 부분 구현 - 카카오, 네이버, 페이스북, 구글 등 소셜 로그인 구현 - 이벤트 퀴즈 풀기, 굿즈 선택, 회원/비회원 응모 등 Event 부분 구현 - 응모한 이벤트와 이벤트 회차 별 선택한 굿즈를 볼 수 있는 Event log 부분 구현 - 다국어 라이브러리를 활용해 전체 사이트의 한글/영문 다국어 기능 구현 - 다양한 디바이스의 사이즈 별 반응형 대응

- 프로젝트 문서화 초기 개발 기획 당시, Diagram 툴로 상태트리를 시각화하고, reducer 를 정리하여 문서화 - 컴포넌트 재설계 Figma 로 컴포넌트가 어떻게 중복되어 있고, 재사용되고 있는지 사이트를 분석하고 시각화. Design System 정리 - Redux-thunk 를 사용하면서, asyncUtils 로 리팩토링, 모듈화 - 성능 향상 및 사용성 개선을 위해 Infinity scroll 과 이미지 lazy loading 구현 - 전반적인 페이지들의 반응형과 animation 구현

코로나 관련 공적 마스크 판매처 웹 어플리케이션 - 카카오 지도 API 를 사용, 어플리케이션 내에 지도 렌더링 - 약국 위치 API 와 약국 별 마스크 재고 API 를 활용해 지도 위에 마커로 알아보기 쉽게 구현 - 반경을 변경하여 더 넓은 반경으로도 탐색할 수 있도록 구현 - 현 위치를 허용한 유저에게 바로 현 위치부터 탐색할 수 있도록 구현 - 지역 위도, 경도 API를 활용 지역 검색 기능 구현 - 데이터를 리스트 화하여 약국의 상세 정보 렌더링

여행 스케줄 관리 웹 어플리케이션 - 여행 별 여행지와 날짜, 스케줄을 저장할 수 있도록 데이터를 구성. - 메인에서 저장한 여행 타이틀, 여행지, 날짜, D-day 렌더링. - 전체 모달, validation 체크 및 현재 날짜를 가져오고, 선택한 월별로 동적으로 일자 생성. - 저장한 여행을 클릭하면 기존에 저장했던 날짜만큼 타임라인을 입력할 수 있도록 구현. - 날짜 화살표 버튼으로 이동 시 버튼 활성화, 비활성화 구현. - 시간별 스케줄을 입력하면 타임라인에 해당하는 시간대에 렌더링.