InwooLeeme

Problem Solving과 웹 개발 그리고 AI에 관심이 있는 뉴비입니다.

Problem Solving을 즐기고, 웹과 AI를 배우고 있는 뉴비입니다.
그날 풀었던 대회 문제나 새로 배운 것들을 기록합니다.

기술 스택

C++TypeScriptPython

ReactNext.jsTailwind CSS

FastAPISQLiteLangChain.jsGoogle Gemini

GitVercel

inwooleeme.vercel.app

Next.jsReactTypeScriptTailwind CSSMDX

portfolio-chatbot-six-theta.vercel.app

내 포트폴리오를 대화형으로 소개해 주는 챗봇을 만들어 보고 싶어서 시작한 프로젝트
포트폴리오 내용을 미리 벡터로 저장해 두고, 질문이 들어오면 관련 부분을 찾아 Google Gemini가 답하도록 RAG로 구성했다 (LangChain.js 사용)
이전 대화를 기억해서 후속 질문도 맥락을 이어 답하고, 답변은 한 글자씩 타이핑되듯 나오며 근거가 된 출처도 함께 보여준다
물어볼 게 마땅치 않을 때를 위해 추천 질문도 띄워 둔다
다른 사이트에 붙일 수 있는 first-party 로더로 만들었고, 사이트 전역에 떠 있는 플로팅 버튼을 누르면 모달로 열린다 — 지금 이 블로그에도 그렇게 들어가 있다
부모 페이지의 다크/라이트 테마를 postMessage로 받아 새로고침 없이 실시간으로 맞춘다

Next.jsReactTypeScriptTailwind CSSLangChain.jsGoogle Gemini

2024

PythonBeautifulSouprequests

2024–2026 · 팀 프로젝트

데이터 베이스 수업 실습 프로젝트
프론트엔드 개발을 주도적으로 담당 (React 기반 UI 구현)
캔들스틱 차트로 NASDAQ 주가 데이터 시각화 — 2026년 ApexCharts→lightweight-charts(캔버스)로 교체, gzip·CDN 엣지 캐싱으로 응답 약 87% 감소
입력한 기간·비율에 따라 FastAPI 백엔드와 연동해 차트 렌더링
2026: 개인 작업으로 백엔드를 API 전용으로 분리하고 프론트엔드를 Vercel에 배포
2026: 코사인·피어슨 유사도로 기준 구간과 닮은 과거 구간을 찾는 유사 패턴 분석 추가

ReactJavaScriptlightweight-chartsFastAPISQLiteVercel

2025.10.31
한국사능력검정시험 1급
Korean History Proficiency Test (Advanced Level, Grade 1) · 국사편찬위원회
2025.12.24
정보처리기사
한국산업인력공단
2026.03.06
데이터분석 준전문가 ADsP
Advanced Data Analytics Semi-Professional · 한국데이터산업진흥원

포트폴리오 챗봇과 대화하기