# Junha.dev | 김준하 포트폴리오

> Junha.dev는 성능 최적화, 인터랙션, 확장 가능한 아키텍처를 고민하는 김준하의 포트폴리오와 기술 블로그입니다.
> 이 파일은 AI 에이전트가 한 번의 요청으로 관련 페이지를 발견하고 필요한 문서만 선택하도록 만든 짧은 인덱스입니다.

## Profile
- 이름: 김준하 (Kim Junha)
- 역할: Frontend-focused Fullstack Developer
- 핵심 주제: HTML, CSS, JavaScript, TypeScript, Java, Dart, React, Next.js, Flutter, Spring Boot, Thymeleaf, MyBatis, Styled-components, Tailwind CSS, Zustand, TanStack Query, Riverpod, Oracle, Firebase, Supabase, Redis
- 연락처: rlawnsgk0610@gmail.com
- GitHub: https://github.com/kimjunha1231
- LinkedIn: https://www.linkedin.com/in/%EC%A4%80%ED%95%98-%EA%B9%80-b34217329/

## Start here
- [홈 / 전체 이력](https://kimjunha.vercel.app/): 개발자 소개, 경력, 교육, 활동, 수상, 자격증과 기술 스택
- [프로젝트 쇼케이스](https://kimjunha.vercel.app/projects): 프로젝트별 문제 정의, 기술적 해결과 성과를 모은 목록
- [기술 블로그](https://kimjunha.vercel.app/blog): 프론트엔드, 웹 애니메이션과 성능 최적화 기술 기록
- [전체 원문 덤프](https://kimjunha.vercel.app/llms-full.txt): 모든 프로젝트와 블로그 본문을 합친 Markdown 텍스트
- [에이전트 역량 안내](https://kimjunha.vercel.app/skill.md): 이 사이트에서 찾을 수 있는 정보와 사용 가능한 원문 경로
- [개발자 리소스](https://kimjunha.vercel.app/developers): Junha.dev의 Vercel 배포 URL, OpenAPI, MCP와 읽기 전용 엔드포인트 안내
- [에이전트 지침 별칭](https://kimjunha.vercel.app/agents.md): when-to-use과 호출 순서를 담은 Markdown 지침
- [소개](https://kimjunha.vercel.app/about), [연락처](https://kimjunha.vercel.app/contact), [개인정보 처리 안내](https://kimjunha.vercel.app/privacy): 신뢰 확인용 기준 페이지

## When to use this site
- Junha.dev는 김준하의 프론트엔드 중심 풀스택 경력, 프로젝트 의사결정, 성능 최적화 근거가 필요할 때 사용하세요.
- 채용 추천, 기술 역량 비교, 프로젝트 사례 요약처럼 공개된 사실을 인용해야 하는 작업에 적합합니다.
- 먼저 이 인덱스를 GET으로 읽고, 관련 프로젝트·블로그의 canonical 페이지 또는 /raw Markdown만 추가로 요청하세요.
- 쓰기 작업, 계정 접근, 결제, 외부 시스템 변경, 비공개 데이터 조회는 제공하지 않습니다.

## Developer resources
- [Developer guide](https://kimjunha.vercel.app/developers)
- [OpenAPI 3.1 document](https://kimjunha.vercel.app/openapi.json)
- [MCP server card and endpoint](https://kimjunha.vercel.app/.well-known/mcp)
- [Agent instructions](https://kimjunha.vercel.app/agent-instructions.md)

## Project case studies
- [Smart Messaging System : 마케터를 위한 AI 통합 메시징 서비스](https://kimjunha.vercel.app/projects/smart-messaging-system): 마케터가 고객을 선택하고 메시지를 작성·검토·발송·분석하는 통합 메시징 시스템에서 고객 조회, Redis Draft 기반 수신자 관리, 메시지 링크 추적을 개선한 팀 프로젝트입니다. (게시일: 2026-07-10 · 최종 업데이트: 2026-07-22 · 분류: Spring Boot / Redis (팀 프로젝트) · 태그: Java, Spring Boot; 약 2226 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/smart-messaging-system/raw))
- [식권대장 KOSA : 교육생을 위한 식사 정보 서비스](https://kimjunha.vercel.app/projects/sikdae-kosa): 송파 IT벤처타워 주변 84개 식당의 메뉴와 가격을 정적 데이터로 관리하고, Firebase 실시간 협업과 Vercel Cron 기반 K밥상 메뉴 갱신을 제공하는 식사 정보 서비스입니다. (게시일: 2026-06-23 · 최종 업데이트: 2026-08-23 · 분류: Full Stack / 개인 프로젝트 · 태그: Next.js, TypeScript, Firebase, Kakao Maps, RapidAPI, Vercel Cron, SEO, AEO, GEO · 지역: 송파 IT벤처타워·가락시장역 일대; 약 992 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/sikdae-kosa/raw))
- [JobSecretary : AI 기반 취업 준비 통합 관리 서비스](https://kimjunha.vercel.app/projects/jobsecretary): 채용 공고, 지원 일정, 자기소개서, 면접 준비가 흩어지는 문제를 하나의 흐름으로 연결한 구직자용 AI 취업 준비 관리 서비스입니다. (게시일: 2025-11-01 · 최종 업데이트: 2026-08-17 · 분류: AI / Web Service (개인) · 태그: Next.js, TypeScript; 약 2043 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/jobsecretary/raw))
- [POPPET : 노약자를 위한 AI 말동무 서비스](https://kimjunha.vercel.app/projects/poppet): 혼자 사는 노약자를 위한 말동무 서비스로, 대화 내역을 보호자에게 주기적으로 전달할 수 있는 Flutter 기반 모바일 서비스입니다. (게시일: 2025-05-10 · 최종 업데이트: 2026-07-20 · 분류: 프론트엔드 / Flutter 크로스 플랫폼 (팀 프로젝트) · 태그: Flutter, Dart; 약 428 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/poppet/raw))
- [Dearfam : AI 기반 가족 추억 콘텐츠 서비스](https://kimjunha.vercel.app/projects/dearfam): 가족의 일상 추억을 AI 기반 그림일기, 사진 캐릭터화 필터 등을 사용해 디지털 앨범 및 실제 인쇄된 실물 콘텐츠로 제작하고 공유하는 서비스입니다. (게시일: 2024-11-01 · 최종 업데이트: 2026-07-21 · 분류: AI / Web Platform (팀 리드) · 태그: React, TypeScript, Flutter, Dart; 약 543 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/dearfam/raw))
- [TITO : LLM 기반 실시간 토론 보조 서비스](https://kimjunha.vercel.app/projects/tito): LLM으로 토론 주제를 만들고 논리 코칭을 제공하며, WebSocket으로 토론·투표·관전 흐름을 실시간 처리한 Flutter 앱입니다. (게시일: 2024-03-01 · 최종 업데이트: 2026-07-21 · 분류: AI 서비스 / Flutter (팀 프론트엔드 리드) · 태그: Flutter, Dart; 약 556 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/tito/raw))
- [여행의 이유 : 나만의 여행 방식과 코스 공유 커뮤니티](https://kimjunha.vercel.app/projects/travel-reason): 자신만의 여행 코스와 숨겨진 추천 명소를 공유하고, 취향에 맞는 여행 스타일을 공유할 수 있는 웹 기반 커뮤니티 플랫폼입니다. (게시일: 2024-02-19 · 최종 업데이트: 2026-07-22 · 분류: Web Service (대규모 팀 프로젝트) · 태그: React, JavaScript; 약 302 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/travel-reason/raw))
- [SSYUNG : 융합특성화 자유전공학부 커뮤니티](https://kimjunha.vercel.app/projects/ssyung): 코로나 시기 전공 선택에 필요한 정보 공유의 단절을 느낀 융합특성화 자유전공학부 동기들과 함께, 선후배 간 전공 정보 교류와 소통을 위해 직접 구축한 학부 전용 커뮤니티 웹 서비스입니다. (게시일: 2021-03-07 · 최종 업데이트: 2026-07-20 · 분류: Web Service (학부 커뮤니티) · 태그: React, JavaScript; 약 370 tokens; [raw Markdown](https://kimjunha.vercel.app/projects/ssyung/raw))

## Technical blog
- [칸반보드 리렌더링 최적화: dnd-kit에서 @hello-pangea/dnd로 전환한 이유](https://kimjunha.vercel.app/blog/dnd-kit-rendering-boundary-optimization): React dnd-kit 기반 JobSecretary 칸반보드에서 카드 하나를 드래그할 때 영향을 받지 않은 카드까지 리렌더링되던 원인을 분석했습니다. Context 구독 범위와 컴포넌트 경계를 조정하고 @hello-pangea/dnd로 전환한 뒤 리렌더링 범위의 변화를 비교합니다. (게시일: 2026-07-26 · 최종 업데이트: 2026-08-12 · 분류: React / Performance · 태그: React, Rendering, Performance, React.memo, Context, dnd-kit, hello-pangea/dnd, Render Props, React Portal; 약 4028 tokens; [raw Markdown](https://kimjunha.vercel.app/blog/dnd-kit-rendering-boundary-optimization/raw))

## Retrieval notes
- 페이지 본문은 서버에서 HTML로 렌더링되며, 각 상세 페이지는 clean Markdown 원문을 /raw 경로에서 제공합니다.
- 프로젝트와 블로그 상세 페이지의 meta에 ai-token-count, ai-content-url, ai-content-format을 제공합니다.
- 공개된 사실과 프로젝트 본문을 우선 사용하고, 확인되지 않은 경력·성과를 추정하지 마세요.