미리보기

shadcn, Next.js를 활용한 사내 재고 관리 시스템 개발

블록체인 기반 큐레이션 소셜미디어 앱 HABL(하블) 프론트엔드 개발에 참여하였습니다.

• '스페이스' 메인 페이지 개발 및 성능 최적화

  • 기존에는 다수의 API가 동일한 데이터를 반복적으로 호출하여, 한 페이지 내에서 불필요한 API 요청이 과도하게 발생

  • API 호출을 최적화하고, 비동기 처리 로직(Promise)을 적용하여 네트워크 요청 수를 줄이고 데이터 로딩 방식을 개선

  • 앱 실행후 콘텐츠 표시 속도를 개선 (20초 → 2초) → 유저 경험 개선 및 이탈률 감소

  • 커스텀 훅을 활용한 리팩토링으로 중복된 API 호출 로직을 통합 → 코드 중복 30% 감소 및 유지보수성 향상

패션 이커머스 자동화 B2B SaaS 터틀체인 서비스의 프론트엔드 개발에 참여하였습니다.

• 사입자 전용 발주 시스템 개발

  • 기존 전화/메신저 기반 발주 방식 → 웹 시스템 전환으로 커뮤니케이션 효율성 증대

  • 서비스 출시 후 초기 사입자 유저 5명 확보 → 신규 고객층 확대

  • 대시보드 개발로 주문 과정 간소화 → 이탈률 감소 및 유저 편의성 향상

• 구독 시스템 자동화 및 결제 편의성 개선

  • 기존 수동 계좌이체 → 자동 결제 시스템 전환 → 유저 편의성 향상 및 CS 문의 80% 감소

  • 실시간 구독 상태 관리 기능 추가 → 사용자가 남은 구독 기간을 명확하게 확인 가능

  • 결제 자동화로 운영팀의 수동 처리 업무 사라짐 → 운영 효율성 증가

• '거래처 등록' 기능에서 잦은 CS 문의 발생 → 에러 메시지 및 해결 가이드 추가로 문의량 70% 감소

• 백오피스 대시보드 및 어드민 페이지 개발

  • 기존 1.0 시스템에서는 데이터가 여러 탭에 분산되어 있어 접근성이 낮았음

  • 주요 기능을 하나의 통합 페이지에 배치하여 사용성을 개선, CS 및 운영 효율 향상

  • 분산된 데이터 UI를 통합하여 업무 효율성 향상 → 운영팀 업무시간 90분 단축

• 개발 생산성 및 유지보수성 개선을 위한 리팩토링 및 코드 아키텍처 최적화

  • 컴포넌트 분리 및 재사용성 증가 → 신규 기능 개발 속도 향상

  • 코딩 컨벤션 및 스타일 가이드 정립 → 코드 품질 일관성 유지

• 터틀체인 서비스 개발 및 운영

  • 서비스 버전업 (1.0 => 2.0)에 따른 UI 개편작업 참여. 공용 custom hook 개발로 UI와 비지니스 로직 분리 및공용 컴포넌트 설계로 프로덕트 코드들의 재사용성 향상

  • UI/UX 디자이너와 협업하여 유저 중심의 UI 퍼블리싱을 수행했습니다. Figma 디자인을 기반으로 실제 UI를 개발하여, 디자인과 일치하는 높은 완성도의 퍼블리싱 경험을 쌓았습니다.

  • 백엔드 개발자와의 notion, swaggerUI 툴을 활용하여 제품개발에 같이 협업