맡아온 일,
해결해 온 문제.

프론트엔드 전체 구현과 API 연동을 전담했습니다. 고객·상담·조직 관리·분석 화면을 구현했습니다.

MVP 검증에서 상담원의 메모 입력 패턴과 UX 문제를 디자이너·팀장에게 공유하고 공통 메모 UI 개선에 참여했습니다.

조직 정보 변경 시 상세 캐시를 먼저 보정하고 후속 조회를 연결해, 변경 내용이 화면에 반영되도록 했습니다. 태블릿에서 발견한 배율 문제는 적용 제외안을 제안해 반영했습니다.

46개 모달의 외부 클릭·포커스·스크롤 충돌을 정비해 공통 동작을 개선했습니다. 실제 컴포넌트의 상태·유형을 수동 확인하는 개발용 페이지를 구성하고, 공통 변경 후 이미지 포함 모달의 간격 문제를 발견해 수정했습니다.

디자인·UX 담당자 및 백엔드 개발자와 협업하며 화면 상태와 예외 처리를 보완했습니다.

• Next.js
• TypeScript
• TanStack Query
• 공통 UI

프론트엔드 전체 구현과 API 연동을 전담했습니다. 디자인·UX 담당자들과 협업하며 구독·단품 구매·결제·마이페이지를 구현했습니다.

처리 중 버튼 비활성화와 중복 요청 차단을 백엔드의 중복 주문 방지 처리와 연결했습니다. Playwright 검증을 인증·쿠폰·오류·리다이렉트 등 34개 시나리오로 확장했습니다.

이미지·폰트 최적화 뒤 데스크톱 Lighthouse Performance 57→88을 약 4회 반복 측정에서 확인했습니다.

• Next.js
• TypeScript
• Playwright
• 결제 연동

Next.js·NestJS 모노레포에서 백엔드를 담당했습니다. 인증·결제 API와 PG 연동을 구현했습니다.

결제 요청 이후의 상태 변화를 처리하고, 외부 PG 응답을 서비스의 의뢰·결제 흐름에 연결했습니다.

• NestJS
• 인증 API
• PG 연동
• 결제 상태 처리

사용자 웹·어드민·마스터 어드민의 프론트엔드를 개발했습니다.

Remix SSR을 적용하고 EC2·Nginx·Docker/ECR·Shell Script 기반의 배포 환경을 구성했습니다.

• Remix
• SSR
• AWS EC2
• Docker · Nginx

운영 Admin과 Node.js·FFmpeg 기반 영상 처리 기능을 구현했습니다.

1–8분할 영상 합성, 인코딩·파일 처리와 S3 연동, 다중 디스플레이 송출을 다뤘습니다. 병렬 처리와 캐싱으로 반복 연산을 보완하며 영상 제작 경험을 소프트웨어 구현으로 연결했습니다.

• Node.js
• FFmpeg
• AWS S3
• 운영 Admin