프론트엔드 중심 풀스택 개발자김준하

입니다.

Next.js, TypeScript, React Hook Form, TanStack Query, Zustand, Gemini API, Supabase

채용 공고와 지원 현황, 자기소개서, PDF 변환, AI 면접 질문 생성을 하나의 흐름으로 연결한 취업 준비 관리 서비스입니다.

• 칸반 보드 렌더링 최적화: 드래그 상태와 카드 콘텐츠의 렌더링 경계를 분리해 불필요한 카드 리렌더링을 줄임
• 자기소개서 작성 안정화: React Hook Form의 비제어 입력과 isDirty 기반 이탈 경고로 폼 입력과 서버 저장 시점을 분리
• FSD 패턴 적용: App·Widgets·Features·Entities·Shared 계층으로 페이지 조립, 사용자 기능, 도메인 모델의 책임과 의존성 방향을 정리

React, TypeScript, Zustand, TanStack Query, MSW, Tailwind CSS

Flutter MVP를 React·TypeScript 웹 서비스로 전환한 AI 가족 추억 앨범 서비스입니다.

• 기술 전환: Flutter MVP를 React·TypeScript로 마이그레이션하고 Zustand와 TanStack Query로 클라이언트·서버 상태를 분리
• 백엔드 구현 전 병목 해결: MSW로 가족·게시글·댓글·인증 API를 모킹해 백엔드 구현 전에도 주요 화면과 응답 상태를 검증
• 성과: 2024 클라우드 아이디어 공모전 대상(부산시장상), 숭실캡스톤디자인 장려상, Pre-스타트업 선정(창업사무실 입주)

Flutter, Dart, Riverpod, Dio, Retrofit, WebSocket, Firebase Messaging

LLM 기반 주제 생성·주장 코칭과 WebSocket 기반 실시간 토론·투표·관전을 제공하는 Flutter 앱입니다.

• 통신 분리: 토론방 기본 정보·기존 내역은 REST API, 채팅·턴 상태·관전자 댓글·투표는 WebSocket으로 분리해 초기 데이터와 실시간 이벤트의 처리 순서를 정리
• 앱 상태 관리: Riverpod으로 토론·인증·알림 상태를 분리하고 Dio·Retrofit으로 인증·토론 API를 연동
• 성과: 2024 한이음 ICT멘토링 프로젝트 은상(정보통신기획평가원장상) 수상 및 One Store·App Store 배포 경험