통합 포트폴리오 사이트개발자로서의 성장 과정과 프로젝트 경험, 기술 스택, 타임라인 등을 포함하는 포트폴리오 사이트입니다. Next.js, TypeScript, Tailwind CSS로 설계하고 구현했으며, 방문자와 소통할 수 있도록 이메일 전송 기능과 동적 콘텐츠 관리 시스템을 구축했습니다.Next.jsTypeScriptTailwind CSSMarkdownResend APIPortfolio2025.12 - 진행 중
JWT 인증 게시판Next.js와 TypeScript를 활용하여 JWT 토큰 기반 인증을 구현한 풀스택 게시판입니다. 사용자 가입, 로그인, 게시글 CRUD 기능을 제공합니다.Next.jsTypeScriptJWTPostgreSQLTailwind CSS2025.11
Zaro - 자취생 커뮤니티자취생들이 생활 정보를 공유하고 오프라인으로 연결될 수 있는 커뮤니티 플랫폼입니다. 글쓰기 에디터, 게시글 상세 페이지, 즐겨찾기, 지도 기반 맛집 탐색 등 주요 기능을 담당했습니다.Next.jsTypeScriptTailwindCSSzustandReact Query2025.05 - 2025.06
Web IDE - 온라인 코드 에디터실제 IDE 환경에 가까운 웹 기반 코드 에디터입니다. 초기 설계, 구조 설계, 와이어프레임 작성을 모두 참여했으며, 핵심 기능을 맡아 품질을 높여가는 협업을 경험했습니다.Next.jsTypeScriptTailwindCSSZustandMonaco Editor2025.04
카페 브랜딩 쇼핑몰 사이트 (작업중)타입 안정성과 SEO 최적화, Best Practices를 중심으로 한 Next.js 쇼핑몰 프로젝트. Debounce 함수를 사용한 검색과 필터 기능, 장바구니 기능과 결제 API 연결을 목표로 진행 중에 있습니다.Next.jsTypeScriptTailwindCSSZustand결제 API2025.12 - 진행 중
AI 커피 원두 설명 생성기Nest.js 백엔드 학습과 OpenAI API를 활용한 LLM의 실제 전자상거래 적용 가능성을 검증한 프로젝트입니다. 원두 정보를 바탕으로 AI가 자동 생성한 설명을 상품 상세 페이지에 통합했습니다.Next.jsTypeScriptTailwind CSSOpenAI APINest.js2025.08 - 2025.09
Web TerminalShadow DOM을 학습하기 위해 블로그 포스트 내에서 작동하는 인터랙티브 터미널을 구현했습니다. 명령어를 통해 블로그 페이지의 테마, 글자 크기, 커서, 색상을 동적으로 변경할 수 있으며, localStorage로 설정을 저장합니다.Shadow DOMJavaScriptCSSlocalStorageTistory2025.08
키워드 프로필 사진 생성기DiceBear API를 활용해 키워드와 배경색으로 개성있는 아바타를 생성하는 도구입니다. 생성된 SVG 이미지를 즉시 다운로드할 수 있습니다.JavaScriptHTML5CSS3DiceBear APIREST APIBlob API2025.08
