Pixel

stash 프로젝트의 프론트엔드 애플리케이션

Recent Changes

2026.02.19 00:00

• node_modules/, .next/, .vercel/ 등 빌드 산출물 및 의존성 제외

2026.02.02 22:16

• /career 경로에 경력 포트폴리오 페이지 추가
• 경력 기술서 HTML 기반 전체 내용 구현 (8개 프로젝트)
• Gantt 차트 형식의 경력 타임라인 (자동 계산된 경력 기간)
• 확장 가능한 프로젝트 카드 (계층적 작업 구조)
• portfolio 명령어 제거, career 명령어로 교체
• ProjectCard 전체 영역 클릭 및 hover 효과 개선 (확대, 그림자)

2026.01.16 00:30

• /ai 라우트에 터미널 스타일 AI 채팅 인터페이스 추가
• Stash API 연동 (세션 관리, 대화 기록 유지)
• localStorage 기반 clientId로 세션 식별
• react-markdown + react-syntax-highlighter로 마크다운 렌더링
• 코드 블록 구문 강조 (vscDarkPlus 테마)
• 429 Rate Limit 에러 시 친근한 에러 메시지 표시
• Welcome 배너 ASCII 아트 추가

전체 변경 내역 →

Tech Stack

• Framework: Next.js 15
• Language: TypeScript 5.9
• Node.js: 25.x
• Deploy: Vercel

Getting Started

Prerequisites

• Node.js 25.x

Install

npm install

Development

npm run dev

Build

npm run build

Start

npm run start

Project Structure

app/
├── layout.tsx       # 루트 레이아웃
├── page.tsx         # 메인 페이지
└── ...

Environment Variables

Name	Description
NEXT_PUBLIC_STASH_API_URL	Stash API URL

Related Projects

• stash - 백엔드 API 서비스