사용자의 불안을 기술로 해결하는 FE
About me

👤
이름 김명재
🎂
생년월일 1994.07.30
🧭
MBTI ENFP
⏳
경력 5년
💻
직무 프론트엔드 개발자
문제정의 → 해결 → 신뢰 시각화
소개
가상자산·핀테크 분야에서 기획부터 개발, 배포까지 전 과정을 경험한 프론트엔드 개발자입니다. 사용자의 불안과 불편을 기술로 덜어내는 데 집중합니다.
🚀 킥오프모든 프로젝트는 “왜 이 일을 하는가, 누구를 위한가”라는 질문에서 시작합니다. 기술을 선택하기 전에 목적을 먼저 정의하고, 그 목적이 팀과 고객의 방향성과 맞는지부터 확인합니다.
🧭 추진흔들리지 않는 유스케이스와 가설을 세운 뒤, 관련 서비스와 레퍼런스를 신속히 조사합니다. 핵심 UI/UX를 프로토타입으로 구현해 ‘손에 잡히는 형태’로 검증하고, 그 결과를 바탕으로 구체적인 기획과 개발 전략을 수립합니다. 이후 디자이너, 기획자, 개발팀과 함께 방향을 정교화하며 완성도를 높여갑니다.
⚙ 개발Next.js, TypeScript, Zustand, Tailwind, Capacitor 기반의 하이브리드 앱(PWA/Android/iOS)을 개발하며 사용자 중심의 인터랙션과 안정적인 배포 환경을 구현해왔습니다. 기획과 구현을 모두 경험했기에, 기술적 의사결정과 사용자 경험 개선을 균형 있게 이끌 수 있습니다.
“기술은 문제를 해결하지만, 고객은 결국 불안을 해결받고 싶어한다.” 저는 그 교차점에서 신뢰를 만드는 프론트엔드 개발자입니다.
고객 → 본질 → 단순 → 1등
일의 4원칙
1
고객 중심
지표와 인터뷰로 고객의 불안을 먼저 정의합니다.
2
본질 추구
겉기술이 아닌 문제의 핵심 흐름을 설계합니다.
3
가장 쉽게
복잡도를 줄이는 단순한 해법을 우선 적용합니다.
4
1등이 된다
속도와 품질을 높여 사용자가 먼저 추천하게 만듭니다.
스킬 맵
Frontend
ReactNext.jsTypeScriptZustandTailwindReact Query
Mobile
CapacitorPWAOAuthIn-App Purchase
Backend/Infra
Django RESTDockerAWSCI/CD
기획/디자인
FigmaBuilder.ioAdobe XDPhotoshop
데이터/마케팅
GA4GTMSEOAEO광고 분석
실패 기록 → 재발 방지 → 속도 향상
삽질에서 배운 것
실시간 데이터 장애 시 무한 재연결로 서버 부하 발생
소켓 재연결 폭주
- 해결: 지수 백오프·상태기반 재시도·스토어 단일화
- 임팩트: 에러 회복 시간 -63%, 사용자 끊김 체감 감소
WebSocketRetryZustand
GA4 이벤트 중복 전송으로 전환/세션 불일치
중복 트래킹으로 지표 왜곡
- 해결: 디바운스·세션키 검증·테스트 플로우 문서화
- 임팩트: 전환데이터 신뢰도 회복 및 캠페인 최적화 재개
GA4GTMQA
로컬 상태와 서버 캐시가 섞여 레이스컨디션 발생
상태/서버상태 혼용
- 해결: Zustand(클라이언트)·React Query(서버) 경계 재정의
- 임팩트: 버그 리포트 -48%, 렌더 낭비 감소
StateReact QueryArchitecture
리스트/상세 중복 인덱싱으로 검색 노출 분산
SEO Canonical 누락
- 해결: Canonical/OG 메타 일원화·사이트맵 재생성
- 임팩트: 상위 키워드 노출 2배, CTR 개선
SEOOGSitemap
임팩트를 만든 경험
경력
2021.04 - 현재 (4년 7개월) · 서울
Software Developer / Front Dev Manager
Alchemilab
- Next.js 기반 웹·앱 통합(웹뷰/Capacitor) 및 상태관리 고도화
- SEO/퍼포먼스 최적화로 유입 및 전환률 개선
Next.jsTypeScriptZustandReact QueryGA4/GTM
2020.02 - 2021.04 (1년 3개월) · 서울
신사업팀장
주식회사 강인함
- 신사업 프로젝트 "입시콕" 총괄 및 법률리스크 관리
- 웹사이트 총괄 및 CRM 프로세스 구축
WordPressCRM브랜딩
2017.03 - 2019.07 (2년 5개월) · 경기도 가평
소대장
수도기계화보병사단
- 인력/자원 관리 및 리더십
인력관리리스크관리
검증된 역량
자격증/수료
2024년 6월 | 식별번호 24-010053
투자자산운용사
금융투자협회
- 포트폴리오 이론 및 리스크 관리
2023년 7월 | 식별번호 SQLD-049006432
SQLD
한국데이터산업진흥원
- 데이터 모델링 및 SQL 최적화
배움의 기반
학력
2013.03 - 2017.02 · 대전
자유전공학부 학사
충남대학교
지속적인 성장
Timeline
2017~2019 · 리더십/운영
사람과 자원의 우선순위
- 현장에서의 의사결정과 리스크 관리 경험
- 작은 실패를 빠르게 공유하며 팀 학습 속도 향상
리더십리스크관리우선순위
2020 · 신사업(비개발)
가설→실험→검증으로 사업의 뼈대
- 마케팅/디자인/브랜딩 총괄, CRM 퍼널 설계
- 교육청 신고·개인정보·계약 등 법률 근거 정비
CRM브랜딩법률
2021 · 개발 시작
Django + Vanilla JS로 기본기 다지기
- 회원/자산/포인트 등 서버-클라이언트 흐름 구현
- MVP 릴리스와 운영을 통해 기초 아키텍처 학습
DjangoVanillaJSMVP
2022 · Django 확장·실시간 기초
운영 관점의 문서화와 커뮤니케이션
- Django API 확장 및 거래소(WebSocket) 연동 기초
- 운영/핸드오버 문서화로 유지보수 체계 정리
DjangoAPIWebSocketDocs
2023 · Django WebSocket · TradingView · 거래소 API
실시간 데이터 파이프라인과 시각화
- Django 기반 WebSocket 핸들러와 이벤트 처리
- TradingView 연동으로 실시간 차트/오더북 시각화
- OKX/Bybit 등 거래소 API 통합 및 에러 핸들링
DjangoWebSocketTradingViewExchange API
2024 · 웹·앱 통합, Next.js 도입(연말)
고객 경험과 기술의 결합
- 웹뷰/Capacitor 통합으로 릴리즈 속도 향상
- 2024년 말 Next.js 전환 시작 및 SEO 체계화
CapacitorPWANext.js
2025 · Next.js 안정화/성능·운영 고도화
안정성과 속도를 동시에
- App Router/캐싱/스트리밍 도입 및 성능 튜닝
- CI/CD·모니터링·로그 표준화, SEO 고도화
Next.jsPerformanceCI/CDSEO