Frontend / Full-Stack Developer
화면의 성능/SEO부터 사용자의 전체 흐름까지, 막힌 문제를 끝까지 파고들어 제품의 실제 성과로 연결하는 개발자입니다.
늘 사용자 입장에서 고민하고, 명확한 커뮤니케이션과 문서화로 팀의 협업 비용을 줄이는 것을 중요하게 생각합니다.
프레임워크 내부 소스를 분석해 root cause를 짚고, regression test와 함께 수정 → 메인테이너 리뷰를 거쳐 머지된 기여입니다.
- react-hook-form #13299
merged—useFieldArray조작 시 무관한 필드까지dirtyFields로 오염되는 버그 수정 (regression test 포함) - react-hook-form #13326
merged—setValue+shouldDirty사용 시 동일한 dirty 오염을 추가로 발견 및 수정 - storybook #34086
merged— addon-docs에 페이지 새로고침 없이 개별 story를 재렌더하는 Reset story 버튼 추가
| Category | Skills |
|---|---|
| Frontend | ReactNext.jsTypeScriptJavaScriptViteStorybook |
| State | TanStack QueryMobXRedux |
| Styling | Tailwind CSSCSSHTML |
| Backend | Node.jsNestJSPrismaPostgreSQLBullMQ |
| Infra / Tools | DockerAWSGitHub ActionsGitFigma |
(주)더블티 / 2025.05 – 재직중 / Full-Stack (SW개발실)
- 더블티 홈페이지 ver1 → ver2 /
Next.js App RouterPrismaPostgreSQL— SPA를 App Router 기반 SSR로 전환해 검색 색인 확보, 페이지별 동적 메타데이터와 다국어 canonical/hreflang 적용으로 Lighthouse 성능 97점 - 솔브릿지 시니어 케어 플랫폼 /
NestJSPrismaBullMQAWS Transcribe— 음성 → STT → LLM 요약 케어로그 파이프라인을 비동기(BullMQ)로 구축, 지수 백오프 재시도 + DLQ + Sentry로 운영 안정성 확보 - 외 LIG넥스원 폐쇄망(air-gapped) 분석 대시보드, 직구라운드 B2B 커머스(Frontend Lead) 등
Tmax A&C / 2023.07 – 2024.10 / Frontend
- 한국농어촌공사 민원(VOC) 시스템 /
ReactMobXTanStack Query— 대용량 칸반 무한 스크롤 렌더링 최적화(useInfiniteQuery+ Intersection Observer), MobX + React Query 하이브리드 상태 관리 패턴 정착
(주)디에이치와이드 / 2021.10 – 2022.07 / Frontend
- 온라인 인성/진로 검사 시스템 /
ReactRedux-SagaChart.js— localStorage 기반 검사 '이어하기' 구현으로 완주율 개선 → 동일 고객사 3,000건 추가 계약
- (Next.js + App Router) fetch 실무편 2탄 - 상황별 cache 옵션 선택과 React Query 함께 쓰기
- (Next.js + App Router) Next.js에서 fetch 사용해야 하는 이유 - 캐싱 메커니즘과 14 vs 15 버전 차이
- (Next.js) BFF 프록시 패턴 2탄 - Next.js + React 멀티 앱 인증 공유와 서브도메인 쿠키 전략
- (Next.js) BFF란?BFF 프록시 패턴으로 인증 구현하기 1탄 - httpOnly 쿠키와 catch-all 프록시 (App Router + TypeScript)
- (Claude) 개발자를 위한 Claude 실무 활용 완벽 가이드 2탄 - CLAUDE.md 팀 설계 + 서브에이전트 & 훅 & MCP 심화 (코딩 생산성 향상)