전체 프로젝트 보기
케이스 스터디운영 중

자기소개 사이트

9개 언어와 나에 대해 답하는 RAG 챗봇을 갖춘, 지금 보고 있는 이 사이트

개인 브랜딩을 위해 제작한 자기소개 사이트. 한국어·영어·일본어·중국어 등 9개 언어를 지원하며, Gemini AI 기반 챗봇으로 방문자와 대화할 수 있다. 포트폴리오·여정 페이지와 관리자 모드를 포함한다.

기간
2026.02 ~ 운영 중
역할
단독 개발
기술
  • Next.js
  • Firebase
  • Gemini AI
  • Tailwind CSS
  • i18n

배경

이력을 나열하는 대신 방문자가 궁금한 걸 직접 물어보게 하고 싶었다. 챗봇으로 나를 조금 알게 되고, 찾아보다가 함께 일하고 싶어지게 만드는 것이 목표.

문제

정적인 소개 페이지는 방문자마다 다른 질문에 답하지 못한다.

기술 선택

Gemini + 자체 RAG
지식 베이스를 청킹·임베딩해 질문과 관련된 부분만 컨텍스트로 넣는다. 청크 임베딩은 빌드 타임에 미리 계산해 콜드스타트마다 API를 부르지 않는다.
한국어 루트 + 8개 로케일 경로
브라우저 언어로 안내하되, 검색엔진과 AI 크롤러는 리디렉트하지 않고 루트를 그대로 색인하도록 미들웨어에서 예외 처리.
Firestore 읽기를 서버 경유로
googleapis가 차단된 망에서도 콘텐츠가 비지 않도록.

구현 포인트

  • 실시간 컨텍스트(식사·수면·날씨·일정)와 네이버 블로그 RSS를 챗봇 컨텍스트로 주입
  • 질문 횟수 제한·일일 예산·봇 차단으로 비용 방어
  • hreflang·JSON-LD·llms.txt·IndexNow 등 검색과 AI 검색 대응
  • 실시간 위치·수면·일정·할 일을 챗봇 컨텍스트로 연결 (GPS 좌표는 제외)

결과

  • yeojoonsoo02.com 운영 중

배운 점

확인된 사실만 싣는다는 원칙. 근거 없는 고객 후기·숙련도 점수·동명이인 목록을 걷어내고, 챗봇에는 지어내지 말라는 규칙을 우선했다.