미리보기

정신건강의학과 내 행정 업무 및 검사를 전자화한 서비스 metri와 기업 근로자를 위한 심리 상담 서비스(EAP) 마인드사이클을 개발했습니다.

효율적인 배포 방식을 도입하고 사내 프론트엔드 라이브러리 구축 및 활용 등을 통해 개발 리소스를 줄이고 사용자 경험을 높이기 위해 노력하였습니다.

사용자 피드백을 적극 반영하며, 개선된 기능에 대한 긍정적인 반응을 받을 때 개발자로서 큰 보람을 느낍니다. 이를 바탕으로 지속적인 개선과 최적화를 통해 더욱 나은 사용자 경험을 제공하는 것을 목표로 하고 있습니다.

개발 스터디를 주도하여 동료들과 함께 성장하는 환경을 조성하고, 최신 기술 트렌드 및 문제 해결 방법을 공유하는 문화를 만들기 위해 노력했습니다.

Description

정신건강의학과 의료진을 위한 헬스케어 서비스로, 예약/접수/설문/처방/환자 관리를 통합하여 업무를 전자화하고 상담·치료에 집중할 수 있도록 지원

Experience

• 사내 프론트엔드 라이브러리 구축

  • [문제]

    • 3개의 서비스에서 동일한 디자인을 사용하지만, 각 서비스별로 개별 컴포넌트를 제작하여 유지보수가 어려움

    • 디자인 수정 시 모든 서비스를 업데이트해야 하는 문제 발생

  • [과정]

  • [해결]

    • 공통 컴포넌트 및 유틸리티 함수를 패키지화하여 배포

    • svgr을 활용한 아이콘 시스템을 도입하여 유지보수성을 개선

  • [결과]

    • UI 유지보수 시간 감소, 디자인 일관성 강화 및 신규 기능 개발 속도 향상

• 성능 최적화 (Lighthouse Performance 98점 달성)

  • [문제]

    • 초기 로딩 속도가 4초 이상 소요되어 성능 개선 필요성 확인

  • [해결]

    • 코드 리팩토링, 불필요한 렌더링 최소화, 웹 접근성 개선 등을 수행하여 성능을 향상

  • [결과]

    • LCP 0.8초 달성, Lighthouse Performance 점수 40점 → 98점으로 개선

• 로그인 오류 해결 및 배포 방식 전환

  • [문제]

    • 기존 소셜 로그인 방식이 오래된 라이브러리를 사용하여 불안정했고, 스토리지를 통한 토큰 관리로 인해 사용자 경험이 저하

    • 기존 배포 방식(Serverless Next.js Plugin)에서는 Middleware를 사용할 수 없어 인증 및 보안 처리가 제한

    • 플러터 기반의 웹뷰 앱에서의 NextAuth의 소셜 로그인은 REST API를 사용하기 때문에 앱에서 로그인 시 이메일, 비밀번호를 입력해야하는 불편 존재

  • [해결]

    • 소셜 로그인 기능을 직접 구현하여 안정성을 확보하고, NextAuth 및 Middleware를 활용한 JWT 기반 토큰 관리 시스템 구축

    • 기존 Serverless Next.js Plugin 배포 방식 → Vercel 배포 방식으로 전환하여 Middleware 사용 가능하도록 개선

    • 소셜 로그인을 직접 구현한 후 토큰을 넣는 방식 사용

  • [결과]

    • 로그인 오류 100% 개선, 플러터 웹뷰 환경에서도 무리없이 로그인 가능하도록 최적화

• Storybook을 통한 컴포넌트 개발

Description

직원들의 업무 성과에 영향을 미칠 수 있는 다양한 심리적 문제를 완화하기 위해 기업에서 제공하는 심리 상담 서비스

Experience

• 검사 과정에서의 이탈률 개선

  • [문제]

    • 구글 애널리틱스를 통해 모든 검사를 마친 후 개인 정보 입력 부분의 이탈률이 높은 것을 확인

  • [해결]

    • 이탈률을 낮추기 위한 기획에 참가, 개인정보 입력 간소화와 페이지 이탈 방지 모달 추가

• 보고서 시각화 기능 개발

  • 각종 차트를 사용한 개인 결과 보고서, 조직 분석 보고서 개발

  • 기업에 제출할 PDF, Excel, CSV 파일 다운로드 기능 개발