특수부대원에서 프론트엔드로, 이제 AI 워커를 지휘합니다.
피트니스 도메인 스타트업에 오픈 멤버로 합류해, 제로베이스부터 함께 서비스를 만들고 운영하며 많은 것을 경험하고 배웠습니다. 센터용 CRM·ERP SaaS 어시스트핏의 웹 프론트엔드를 저장소 생성부터 맡아 출시했고, 2024년 8월부터 운영하고 있습니다. 불편을 들으면 직접 만들어 보고, 방법이 둘이면 둘 다 만들어 수치로 고릅니다.
2023년 5월부터 웹 프론트엔드 · Next.js · React · TypeScript · TanStack Query · Jotai · Tailwind CSS · Jest · Sentry · Storybook
| 숫자 | 내용 |
|---|---|
| 1,036개 | 2026년 10월 기준 어시스트핏에 가입한 피트니스 센터 수(누적). 센터 직원이 하루 종일 켜 두고 회원, 이용권, 결제, 수업 일정을 관리하는 CRM 웹을 만듭니다. |
| 11개월 | 저장소 생성부터 CRM 웹 정식 출시(2024.08)까지. 출시까지 PR 264건 중 257건을 작성했습니다. |
| 407ms | Next.js 14에서 16으로 올리는 빌드에서 첫 응답이 392ms에서 2,813ms로 느려지는 것을 배포 전에 측정했습니다. 두 안을 프리뷰에 배포해 비교하고, AWS Amplify 공식 지원 범위를 근거로 15 기반 안을 제안해 팀 합의 후 적용했습니다. 회원 상세 첫 응답 407ms로 기존 수준을 지켰습니다. |
| 930 → 110 | Sentry에서 30일간 3,867회 나던 계약 관리 화면 오류 등 3종을 고친 뒤 CRM 운영 환경의 주간 오류 이벤트(평균). |
| 19,620건 | 2026년에 발송된 앱 알림 수(문자는 9,050건). 메시지 머니 충전 문자와 무료 앱 알림 발송 기능을 개발했습니다. |
| 142개 | 수요일 정기 배포와 hotfix로 릴리스한 태그 수. 동료 PR 352건을 리뷰하고 QA 이슈 646건 대응에 참여했습니다. 2024년 4월에 만든 브랜치 전략, PR 템플릿, GitHub Actions 배포 전 검사는 이후 합류한 동료들도 같은 흐름으로 씁니다. |
2026년부터 AI 코딩 도구를 실무에 씁니다. AI가 쓴 코드도 PR로 올려 CodeRabbit AI 리뷰와 CTO·팀장·팀원 코드 리뷰를 거칩니다.
- 반복 작업은 팀 공유 스킬로. endpoint 하나로 Swagger 인터페이스, MSW 목, API 함수, React Query 훅을 만드는 스킬과 Sentry 오류를 분류해 Jira QA 티켓으로 올리는 스킬을 팀 저장소에 올렸습니다. 코드를 근거로 화면 설명서를 만드는 스킬로 화면 가이드 20개를 썼습니다.
- 리뷰는 세 모델이 서로 반박하게. 같은 diff를 3개 모델이 따로 리뷰하고 서로 반박하는 교차 리뷰 스킬을 만들어 팀에 공유했고, 이 방식으로 로그아웃 설계 결함 3건을 미리 찾았습니다.
- 구현과 검증은 다른 AI로. 테스트를 통과한 AI 구현(서버 API 프록시)을 다시 검토해, 배포했다면 403과 502가 났을 결함 2건을 고쳤습니다. 코드를 고치지 않는 관찰 전용 브라우저 에이전트로 프리뷰 환경을 실측해 업로드 5MB부터 413, 약 30초 연결 끊김이라는 한계를 찾았고, 백엔드와 협의해 업로드·엑셀 등 15곳을 프록시 대상에서 뺐습니다.
- 병렬 작업은 공통 지침으로 묶어서. 인증 공통화 티켓 15개를 AI 워커 7개에 나누고 작업 범위와 검증 기준을 지침으로 정해 하루 만에 통합했습니다. tsc·eslint 오류 0건, 테스트 536개 통과를 확인했습니다.
| 연도 | 한 일 |
|---|---|
| 2022 | 뉴클 주식회사에서 퍼블리셔로 시작. 천재교육 "밀크티 하루하나" React 웹앱을 퍼블리싱하며 결함 약 210건 처리 |
| 2023 | 내일배움캠프 React 4기 수료. 5월 에이피티플레이에 오픈 멤버로 입사해 웹 프론트엔드를 혼자 맡음 |
| 2024 | 어시스트핏 CRM 웹 정식 출시. 여러 회원의 이용권을 한 번에 연장하는 "단체 연장"을 건의해 개발. 같은 해 한양사이버대학교 컴퓨터공학과 3학년 편입 |
| 2025 | 사내 디자인 시스템(pnpm·Turborepo 모노레포, Storybook) 참여. 2,000행 목록 멈춤을 가상 스크롤로 해결 |
| 2026 | 컴퓨터공학과 졸업. Next.js 15·React 19 마이그레이션 배포. AI 스킬을 팀 공유 저장소에 도입 |
피트니스 센터와 트레이너를 잇는 구인구직 웹입니다. 많은 센터가 아직 오래된 커뮤니티에서 트레이너를 구하는 것을 보고 직접 만든 개인 프로젝트입니다(2025.11 ~ 2026.03).
트레이너는 이력서를 관리하고 지역·업종·경력으로 공고를 찾아 지원합니다. 센터는 공고를 올리고 지원자의 이력서와 상태를 관리합니다.
Next.js 16 (App Router, React 19) · TypeScript · Tailwind CSS 4 · shadcn/ui · React Hook Form + Zod · Supabase