Projects

• Web Frontend Lead

  Colfume

  • Typescript
  • React
  • Recoil
  • Next.js

  12인 팀 프로젝트로, 색을 기반으로 향수를 추천하는 모바일 반응형 서비스입니다.
  프론트엔드 리드로 심리테스트 결과 페이지를 담당하고, 팀의 기술 이슈 해결도 주도했습니다.

  • Next.js 기반 다이나믹 라우팅 및 초기 세팅
  • 타입 선언과 폴더 구조 설계에 중점
  • 미디어쿼리로 다양한 디바이스 대응
  • 로딩 페이지, 안내 모달 등 사용자 경험 개선
  

  

• End-to-end

  Capital One

  • React
  • Javascript
  • Styled-components
  • Vercel

  벤처캐피탈 기업의 모바일 웹사이트를 제작하며 초기 세팅부터 퍼블리싱까지 전 과정을 맡았습니다.

  • 네이버/구글 SEO 명세 기반 메타 태그 최적화
  • React Slick, Bootstrap 활용 및 커스터마이징
  • 지도 API를 통한 위치 검색 기능 구현
  • 가비아 도메인 연결 및 Vercel 배포
  • 미디어 쿼리를 활용한 반응형 디자인 적용
  

  

• Web Frontend + Web Backend

  Reddi House

  • Spring Boot
  • Vue.js

  공공 데이터를 기반으로 주거 정보를 제공하는 서비스로, 프론트와 백엔드 모두 담당한 프로젝트입니다.
  삼성 청년 소프트웨어 아카데미 8기 공통 프로젝트에서 최우수 프로젝트로 선정되었습니다.

  • 관리자 권한 제어 및 예외처리를 포함한 CRUD 구현
  • 게시판 및 마이데이터 관리 기능 개발
  • Spring Boot 기반 API 및 Vue.js 프론트 연결
  

  

• Web Frontend Lead

  방방곡곡

  • Typescript
  • React
  • Recoil

  삼성 청년 소프트웨어 아카데미에서 진행한 방탈출 테마 추천 서비스입니다.
  프론트엔드 리드로 참여하여, 피그마를 통한 UI/UX 디자인부터 구현까지 주도했습니다.

  • optimistic UI로 좋아요 기능 개선
  • 전역 스타일과 공통 컴포넌트 분리로 유지보수성 향상
  • Chart.js, Modal, 별점 등 다양한 라이브러리를 커스터마이징
  • 다수의 props를 처리하는 Child Modal 컴포넌트 구현 경험