Timeline
내가 뭐 했지? 뭐 해야 되지?날짜2024.02 ~ 진행중
역할1인 개발
DBPostgreSQL
프로젝트 개요[요약]
"무엇을 했지?", "무엇을 해야하지?"에 대한 고민에서 출발해, 일정과 작업을 시간 흐름 기준으로 정리할 수 있는 웹 서비스 'Timeline'을 기획, 설계, 구현했습니다.
[핵심 성과 - Next.js 마이그레이션]
- Data Cache를 통한 평균 응답시간 31% 단축
- 특정 페이지 속도 40% 향상
- 아키텍처 현대화: S3 정적 호스팅 -> Next.js SSR 환경 전환
- PPR(Partial PreRendering)을 통해 정적 쉘 + 동적 스트리밍 적용
- 사용자 별 태그 기반 무제한 On-Demand 캐싱 구축
[주요 작업]
- 프론트엔드: React 기반 반응형 UI 구현, 모바일 PWA 대응, Atomic Design Pattern, RSC를 활용하여 제작
- 백엔드: Nest.JS 기반
- Markdown 에디터 구현 (이미지, 코드 블록, HTML 지원)
- 작업 이력 시각화: Recharts를 사용한 Chart 구성
- PGVector + LangChain을 통한 개인 문서 기반 RAG 챗봇 구현
- SSE(Server Sent Events)를 통한 실시간 스트리밍 응답 구현
[기술 스택]
- 프론트엔드: Next.js, React, TailwindCSS, shadcn/ui
- 백엔드: Nest.js, PostgreSQL
- AI: LangChain, OpenAI API, PGVector
- 기타: @uiw/react-md-editor, Recharts
[링크]
- 신규: https://time.kwondns.com
- 기존: https://timeline.kwondns.com
- Github: https://github.com/kwondns/timeline
기술 스택프론트엔드백엔드
Vercel
Tailwind
TypeScript
Next.JS
Shadcn/ui
React.JS
Supabase
Nest.JS
TypeORM
S3
Netlify
FastAPI
RAG
LLM
OpenAI