포트폴리오는 여기에서 확인하실 수 있습니다.
Introduce
개발, 배포, 실제 사용자 대상 피드백 수집과 개선까지,
서비스의 End-to-End 사이클을 경험한 신입 프론트엔드 개발자입니다.
사용자 피드백을 기반으로 서비스를 개선합니다. 실사용자 51명을 대상으로 만족도 조사를 진행해 정산 현황
관리와 채팅 기능에 대한 개선 과제를 도출했고, 이를 실제 기능 개선에 반영했습니다.
실제 지표를 측정하고 문제를 파악합니다. 채팅 응답이 느린 문제를 발견해 React Profiler로 원인을 분석해 응답
속도를 53.2ms에서 21.6ms로 약 60% 개선했고, Search Console 데이터로 검색 노출이 7주간 거의 없다는 문제를 발견해 랜딩페이지를 새로 기획하고 구현해 일평균 검색 노출을 13배 늘렸습니다.
구현에서 끝내지 않고 배포 이후 운영까지 고려합니다. 사용자가 늘면서 활성 기기 수가 664% 증가한
애플리케이션 개발 프로젝트에서는 EAS 기반 CI/CD와 OTA 업데이트 환경을 구축해 월평균 빌드 횟수를 56%
줄이고, 빌드 실패 횟수를 5.4회에서 0.5회로 낮춰 안정적으로 서비스를 운영할 수 있는 환경을 만들었습니다.
저는 이렇게
AI를 활용해요
<aside>
공통 규칙 문서화 AGENTS.md에 프로젝트 규칙을 먼저 정리해
Claude Code, Codex 등 도구가 달라도 같은 원칙으로 작업하게 합니다.
</aside>
<aside>
반복 업무 Skill화 이슈 작성이나 릴리즈 준비처럼 반복되는 작업은
매번 새로 설명하지 않고, 절차와 기준을 Skill로 만들어 재사용합니다.
</aside>
<aside>
릴리즈 파이프라인 자동화 릴리즈 노트를 일일이 정리하지 않고, AI Skill로
작성한 뒤 배포가 성공하면 GitHub Actions가 태그와 GitHub Release까지
자동으로 생성합니다.
</aside>
Projects
엔빵 | 구독 공유 관리 웹 서비스
2026.05 - 진행중 (개인 프로젝트 전환)
2025.02 - 2025.12 (FE 4인)
친구들과 함께 사용하는 구독 서비스의 결제일, 정산 금액, 납부 여부를 한곳에서 관리할 수 있는 구독 공유 관리 서비스로, 2025년 2월 팀 프로젝트로 시작해 2026년 5월부터는 개인 프로젝트로 전환해 지금까지
직접 배포 및 운영하고 있습니다.
Skills
Next.js TypeScript Supabase FCM TailwindCSS Vercel
Links
What I Did
- 사용자 피드백 기반 MVP 검증 및 서비스 개선
- 문제 | 구독 공유 이용자는 결제일, 정산 금액, 납부 여부를 여러 서비스에서 따로 관리해야 하는 불편을 겪고 있었습니다.
- 해결 | 사용자 조사와 경쟁 서비스 분석을 바탕으로 MVP를 정의하고, 구독 그룹 생성, 구성원 초대, 정산 현황 관리 기능을 개발했습니다.
- 결과 | 실제 사용자 51명 대상 만족도 조사에서 평균 만족도 7.94점을 달성하고, 푸시 알림, 초대 개선, 채팅 등 핵심 개선 과제를 도출했습니다.
- 채팅방 렌더링 성능 60% 향상으로 대기 시간 개선 [기술 블로그]
- 문제 | 메시지 발송 시 지연이 발생해 정산 공지와 대화 흐름이 끊기는 문제가 있었습니다.
- 해결 | React DevTools Profiler로 렌더링 병목을 분석하고, 컴포넌트 책임 분리와 React.memo 적용으로 불필요한 리렌더링을 줄였습니다.
- 결과 | 메시지 발송 응답 속도를 53.2ms → 21.6ms로 개선해 약 60% 향상했습니다.
- 공개 랜딩페이지 분리로 검색 노출 13배 개선
- 문제 | metadata와 sitemap을 설정했음에도 7주간 검색 결과에 노출되지 않아, 검색을 통한 유입 경로가 없었습니다.
- 해결 | Search Console 데이터로 공개 콘텐츠 및 색인 대상 자체가 없다는 문제를 파악하고, 공개 랜딩페이지를 기획, 디자인 및 구현했습니다.
- 결과 | 일평균 검색 노출을 0.14회 → 1.90회로 약 13배 개선하고, 검색 노출 발생일 비율을 **14% → 81%**로 높였습니다.
- AI Skill과 GitHub Actions 기반 워크플로우로 릴리즈 소요 시간 75% 단축
- 문제 | 새 버전 릴리즈마다 반복 작업이 필요해 실제 기능 개발과 무관한 작업에 시간이 소요됐습니다.
- 해결 | 맥락 판단이 필요한 작업은 AI Skill이, 결과가 결정적인 반복 작업은 GitHub Actions가 담당하도록 역할을 분리해 PR 수집과 릴리즈 노트 작성부터 배포 성공 감지 후 태그 및 Release 생성까지 자동화했습니다.
- 결과 | 릴리즈 단계를 5단계 → 2단계로 줄이고, 평균 소요 시간을 6분 36초 → 1분 39초로 약 75% 단축했습니다.
- 웹, 모바일 통합 푸시 알림 시스템 구축
- 문제 | 정산 요청, 그룹 초대 등 주요 이벤트를 사용자가 직접 접속하기 전까지 확인하기 어려웠습니다.
- 해결 | PWA와 FCM 기반 푸시 알림 시스템을 구현해 웹 서비스 구조를 유지하면서 모바일 알림 경험을 제공했습니다.
- 결과 | 사용자가 직접 접속하지 않아도 주요 이벤트를 인지할 수 있는 환경을 구축했습니다.
Kori | 한국에 관심 있는 외국인을 위한 소셜 커뮤니티 애플리케이션
2025.10 - 2026.02 (FE 3인, BE 3인, 디자이너 1인)