함
함준호
Frontend Developer
React와 Next.js 환경에서 3년간 안정적인 웹 서비스를 구축하고 사용자 경험(UX)을 최적화해왔습니다. 특히 사용자 피드백을 기반으로 기능을 개선하고 성능 최적화를 주도하며 서비스의 질적 성장에 기여했습니다.
퇴사 후에는 의도적인 성장 기간을 가졌습니다. PM 경험으로 3건의 사이드 프로젝트를 기획하고 리딩하며 요구사항 정의, 일정 관리, 팀 커뮤니케이션 역량을 실무 수준으로 끌어올렸습니다. 별개로, AI 기술을 개발 프로세스에 적용하여 개발 생산성을 높이는 경험을 했습니다.
AI 페어 프로그래밍으로 개발 시간을 단축하고 코드 품질을 향상시켰으며, 반복적인 기획 문서 작업을 자동화하여 핵심적인 문제 해결에 더욱 집중했습니다.
이처럼 저는 탄탄한 개발 실무 경험 위에 서비스 기획 능력과 AI 활용 역량을 더해왔습니다. 앞으로도 기술에 대한 깊이있는 이해를 바탕으로 비즈니스 목표 달성에 기여하는 핵심 인재가 되겠습니다.
기술 스택
프론트엔드
React
Next.js
TypeScript
JavaScript
HTML5
CSS3
SCSS
Tailwind CSS
상태 관리
Redux
RC
Recoil
MX
MobX
Z
Zustand
RQ
React Query
백엔드
Python
Firebase
Supabase
환경 및 배포
GitHub
AWS
Vercel
디자인 및 협업 도구
Figma
Photoshop
Notion
Slack
경력
2021.04 - 2023.12
탑코 (해외서비스 개발팀)
프론트엔드 개발자
1. 레거시 어드민 리팩토링 및 기능 고도화
기존 JS 기반 어드민 페이지를 TypeScript와 React로 점진적 리팩토링을 주도하여 코드 안정성과 유지보수 효율을 향상시켰습니다.
- 사용자 경험 개선: 페이지 로딩 속도 최적화 및 직관적인 UI 개선으로 어드민 페이지의 사용성을 높이기 위해 노력을 기울였습니다.
- 권한 관리 시스템 구축: 어드민 사용자 역할 기반으로 권한 기능을 구현하여, 역할 담당 별 접근 가능한 페이지를 분리하고, 작업간 실수를 줄이게끔 만들었습니다.
- 콘텐츠 관리 기능 개선: 이미지 업로드 로직을 최적화하고, 마크다운 에디터를 도입하여 웹툰 등록/수정 프로세스의 편의성을 높였습니다.
2. TopToon JP / Global 서비스 핵심 기능 개발
일본 및 글로벌 웹툰 서비스의 프론트엔드 개발 핵심 멤버로 참여하여, 서비스 운영과 사용자 경험에 기여했습니다.
- 핵심 기능 개발 전담: 결제 시스템, 웹툰 뷰어, SNS로그인, 마이페이지 등 핵심 페이지의 프론트엔드 개발을 담당했습니다.
- 성능 및 SEO 최적화 (JP): 일본 서비스 초기 개발 멤버로 참여하였으며, Next.js의 SSR(서버사이드 렌더링)을 적극 활용하여 초기 로딩 속도를 단축시키고 검색 엔진 최적화(SEO)를 강화했습니다.
- 프로젝트 기술 스택 마이그레이션 (GL): 기존 JavaScript와 React로 구성된 글로벌 서비스 환경을 Next.js와 TypeScript 기반으로 마이그레이션하여 개발 생산성과 안정성을 높였습니다.
- 배포 시스템 개선: 기존 Jenkins 배포 시스템으로 구축되어 있던 것을 Edgio(구 Layer0)를 활용한 배포 시스템 으로 변경하여 서비스의 배포 안정성과 유지보수성을 높였습니다.
ReactTypeScriptNext.jsZustandRecoilSEO 최적화Edgio 배포결제 시스템권한 관리마크다운 에디터Jenkins
2020.11 - 2020.12
Rencar (개발팀)
인턴
사고 대차 서비스 모바일 페이지 제작 프로젝트에 참여해서 Next.js 기반의 SSR을 구현했습니다.
MobX를 활용한 전역 상태관리 및 Atomic Design 패턴 기반의 컴포넌트 아키텍처를 도입했습니다.
Next.jsMobXSSRAtomic Design
교육
2024.06 - 2024.12
FastCampus
PM 부트캠프
PM 역량 강화를 목표로 서비스 기획과 프로젝트 관리에 대해 체계적으로 학습했습니다.
3건의 사이드 프로젝트(불법 주정차 신고 서비스, 프리랜서 중개 플랫폼 개선, 챗봇 서비스 개선)을 조장으로 기획하고 리딩하며 Figma 와이어프레임 설계, 사용자 인터뷰 및 가설 검증, 프로토타입 제작과 유저 테스트를 진행했습니다.
서비스 기획Figma 디자인사용자 인터뷰프로토타입 제작WebflowNotion
2020.10 - 2020.11
Wecode
프론트엔드 개발 부트캠프
프론트엔드 개발에 대한 기초를 다지고 실무 프로젝트를 경험했습니다.
ReactJavaScriptHTML/CSS팀 프로젝트
2011.03 - 2014.02
하남정보산업고등학교
전자상거래과
전자상거래 전공으로 졸업했습니다.
전자상거래웹 기초컴퓨터 활용
프로젝트
개발 중
개인 포트폴리오 웹사이트 구축
개발AI를 활용한 최신 개발 방법론 경험 및 풀스택 개발 역량 강화
AI를 활용한 최신 개발 방법론인 바이브 코딩을 직접 경험하고, 풀스택 개발 역량을 키워내기 위해 기획부터 배포까지 전 과정을 1인 개발로 진행 중인 개인 포트폴리오 웹사이트입니다.
- 1. 기획 및 설계: 초기 기획안과 기능 명세서를 직접 작성한 후, Claude AI를 활용하여 기획의 논리적 허점을 검증하고 사용자 관점의 아이디어를 추가하여 기획안을 고도화했습니다.
- 2. 리스크 관리: 개발 착수 전, AI에게 발생 가능한 엣지 케이스(Edge Case)와 잠재적 버그에 대한 예측 및 해결 방안을 요청하여 프로젝트의 안정성을 사전에 확보했습니다.
- 3. AI 페어 프로그래밍: AI로 코드 초안을 생성하여 개발 생산성을 극대화하고, 세부 비즈니스 로직과 코드는 직접 수정 및 최적화하며 코드의 완성도를 높이는 방식으로 프론트엔드와 백엔드를 구축했습니다.
- 4. 풀스택 구축: Next.js를 활용한 프론트엔드 개발뿐만 아니라, Supabase를 이용해 데이터베이스 설계 및 백엔드 API를 직접 구현하며 풀스택 역량을 강화했습니다.
Next.jsTypeScriptSupabaseAI 페어 프로그래밍풀스택 개발
완료
불법 주정차 신고 서비스
기획불법 주정차 간편 신고 서비스 신규 기획 (패스트캠퍼스 PM 6기)
인원 : PM 4명
목적 :
- 안전신문고, 서울 스마트 불편신고 등 현재 나와있는 불법 주차 신고 서비스의 불편을 줄이고 신고를 간편하게 하기 위함
- 사용자가 신고 항목을 간편하게 찾을 수 있게 하는 데에 집중
- 수용/불수용 기준 등 확실한 가이드라인으로 불수용 사례 줄이기
- 신고 UI/UX를 명확하게 변경하여 헤매는 과정 줄이기
주 역할 :
- 조장으로 진행
- 페인포인트 발견 및 설문을 통하여 가설 검증
- Figma를 활용하여 와이어프레임 설계 주도
- 노코드툴 webflow를 활용하여 랜딩페이지 개발
- 노션 적극 사용하여 팀원들과 프로젝트 일정 공유
FigmaWebflow사용자 설문와이어프레임Notion
완료
프리랜서 중개 플랫폼 개선
기획원티드 긱스 개선 프로젝트 (패스트캠퍼스 PM 6기)
인원 : PM 4명
목적 :
- 프로젝트 의뢰 플로우 변경하여 프로젝트의 신뢰성 높이기
- 프리랜서 등록 플로우 변경하여 개인의 경력을 더 적극적으로 어필 할 수 있게 하기
- 사용자가 신고 항목을 간편하게 찾을 수 있게 하는 데에 집중
주 역할 :
- 페인포인트 발견 및 설문을 통하여 가설 검증
- Figma를 활용하여 와이어프레임 설계 주도
Figma가설 검증UX 개선와이어프레임
완료
챗봇 서비스 개선
기획B2B 챗봇 서비스 AI JiHye 개선 프로젝트 (패스트캠퍼스 PM 6기)
인원 : PM 4명 + UI/UX 3명
목적 :
- 쇼핑몰 내 사용자가 챗봇을 통해 맞춤형 상품을 추천 받을 수 있게 하기
- 챗봇 관리자가 챗봇 등록 / 관리를 더욱 간편하게 할 수 있게 하기
주 역할 :
- 클라이언트 인터뷰 + 실제 서비스중인 쇼핑몰 인터뷰 + 챗봇 사용 경험이 있는 사용자 대상 설문조사를 통해 가설 검증
- Figma를 활용하여 와이어프레임 설계 주도 (쇼핑몰 챗봇 UI)
- 프로토타입까지 직접 작업하여, 플로우를 통해 유저 테스트 진행
클라이언트 인터뷰프로토타입 제작유저 테스트Figma