차를 깨끗하게 만드는 "세차 용품"에 대한 기본 정보와 유해성 유무를 쉽게 찾아볼 수 있는 웹 서비스

담당 기능

• AWS EC2 인스턴스와 docker를 이용한 운영 서버 배포
• github-actions을 이용한 CI/CD 배포,빌드,테스트 자동화 파이프 라인 구축
• 20개 이상의 공통 컴포넌트 제작과 storybook을 이용한 데이터 시각적 회귀 테스트 및 chromatic 배포
• vitest를 이용하여 품질 향상 및 안전성 향상을 위한 코드 작성
• 백엔드의 API 제작 기간이 길어짐에 따라 개발 의존성을 배제할 수 있도록 MSW를 이용한 mocking 작성
• 카카오 open api를 이용하여 내 위치 주변 주차장 마커 표시 기능 추가
• 유저경험 최적화를 위해 퍼널구조를 이용한 차량 정보 등록 페이지 제작
• 소설 로그인 개발 환경 구축 (카카오 로그인)

음악 제작사(블루키뮤직)와 계약 아티스트 간의 정산 세부 내역 및 현황을 투명하게 공개하고, 매출 추이 등의 통계 지표를 볼 수 있는 정산 플랫폼

담당 기능

• 유저에게 직관적으로 데이터를 보여줄 수 있도록 라이브러리 nivo 차트를 이용한 데이터 시각화
• 유저가 현재 진입한 페이지를 쉽게 파악할 수 있게 특정 라우팅에 따른 Side Navigation 스타일링 추가
• 코드의 중복을 방지하고 유지 보수 용이를 위해 공통 컴포넌트 제작
• 무분별한 api 호출을 방지하기 위해 tanstack-query를 이용한 데이터 캐싱
• redux-toolkit을 이용한 유저 정보 전역 상태 관리

더 줄게(The Julge)는 긴급 구인구직을 간편하게 할 수 있는 플랫폼

담당 기능

• REST API를 이용한 아르바이트생 프로필 내역 CRUD 기능 구현
• 유효성 검사와 유효성 검사 문구 애니메이션 기능이 추가된 input 컴포넌트 제작
• 80%의 페이지에서 사용되는 공통 레이아웃 컴포넌트 및 공통 컴포넌트 제작
• 모든 디바이스에서 사용할 수 있도록 반응형 웹 제작
• 유저 경험을 개선하기 위해 스켈레톤 UI 제작

Cryptometer는 내가 과거 특정 시점에 비트코인을 구매했다면 현재 비트코인의 가치가 얼마인지 확인할 수 있는 웹 서비스를 제공하기 위해 개발한 웹 애플리케이션

담당 기능

• 가상화폐 변동 추이를 직관적으로 보여주기 위해 rechart.js 라이브러리를 활용한 데이터 시각화
• 코인가격 / 시가총액 / 총거래량에 따른 차트 데이터 필터링 기능 구현
• 카카오톡, 페이스북 공유하기와 링크 복사 기능 구현
• 반응형 웹 구현
• react-datepicker를 이용한 날짜 기능 추가
• recoil을 이용한 전역 상태 관리