Side Projects

업무 외 시간에 관심 있는 문제를 탐구하고, 새로운 기술을 실험하는 프로젝트들입니다.

Active

Devfolio v3

Astro 기반 경력 아카이브형 포트폴리오 사이트

Astro + TypeScript + Tailwind CSS v4 + MDX 기반의 경력 아카이브형 포트폴리오. 기획부터 구현까지 여러 AI 도구를 목적에 맞게 조합하여 개발 생산성을 극대화한 프로젝트.

astro typescript tailwindcss mdx
Active

Poke Korea

1,025마리 포켓몬 정보와 퀴즈를 제공하는 한국어 포켓몬 백과사전

Next.js 14 App Router + GraphQL 기반 포켓몬 정보 사이트. AWS EC2 셀프 호스팅, CloudFront + Lambda@Edge 이미지 최적화, 테크니컬 SEO를 적용하여 월간 1.7만 사용자를 확보한 1인 개발·운영 프로젝트.

nextjs typescript graphql apollo tailwindcss aws
Archived

Pokemon Dogam

포켓몬 정보를 탐색하고 필터링할 수 있는 도감 서비스

React + TypeScript + GraphQL 기반의 포켓몬 도감 웹 서비스. MobX 상태 관리, react-virtuoso 가상화 렌더링, Prisma ORM, Docusaurus 문서 사이트 운영까지 포함한 풀스택 프로젝트.

react typescript graphql prisma mobx docusaurus
Archived

Devfolio v2

Next.js 기반 SEO 최적화 포트폴리오 사이트

Next.js + TypeScript + SCSS 기반의 개인 포트폴리오 사이트. GSAP 스크롤 애니메이션, WebP 이미지 최적화, lazy loading, 시맨틱 마크업을 적용하여 Lighthouse 데스크탑 전 항목 100점을 달성한 프로젝트.

nextjs typescript scss gsap
Archived

Best Weather

위치 기반 기상 정보 비교 서비스

Vue 3 Composition API + TypeScript + Docker + Prisma + MySQL 기반의 날씨 서비스. 브라우저 위치 정보를 활용한 현재 위치 탐지, 기상청·외부 API 비교, 시간별·주간 예보를 제공하는 풀스택 프로젝트.

vue typescript scss docker prisma mysql
Archived

Seoul Culture

서울 문화공연 정보 검색·탐색 서비스

Vue + JavaScript + SCSS 기반의 문화공연 정보 공유 서비스. 공공데이터 API를 활용한 비동기 데이터 처리, 카테고리·지역·날짜 검색, 슬라이드·무한 스크롤을 직접 구현한 프로젝트.

vue javascript scss express
Archived

Devfolio v1

Vue 기반 인터랙션 중심 포트폴리오 사이트

Vue + JavaScript + SCSS 기반의 첫 개인 포트폴리오 사이트. 인트로 모션, 프로젝트 슬라이드 애니메이션 등 시각적 인터랙션을 최소한의 라이브러리로 직접 구현한 프로젝트.

vue javascript scss