[Projects] 구상

완료된 개인 프로젝트

1. Toris Blog

• 기술 스택: Next.js, TypeScript, Tailwind CSS, MDX, Vercel
• 기간: 2024.03
• 설명: 개인 기술 블로그 구축 및 개발 지식 공유
• 핵심 기능:
  • 다크모드 지원
  • 코드 하이라이팅
  • 카테고리/태그 필터
  • SEO 최적화 (og:image 자동 생성, 메타 태그 적용)
  • Markdown 기반 포스트 렌더링
  • 파일 기반 CMS 구조
• 특징: Next.js를 처음 사용한 프로젝트, 정적 사이트 생성과 SEO 최적화 경험

2. CryptoTrade.gg

• 기술 스택: TypeScript, Next.js
• 기간: 2025.02 - 2025.04 (약 2개월)
• 설명: 암호화폐 트레이드 전적 조회 및 데이터 시각화 서비스
• 핵심 기능:
  • 블록체인 데이터 수집 및 분석
  • 트레이드 전적 시각화 (차트)
  • 지갑 주소 검증
• 특징: 블록체인 데이터 처리 및 시각화 경험

3. PEPEBear

• 기술 스택: Next.js, TypeScript, React, Solana, Web3, Anchor Framework
• 기간: 2025.11
• 설명: Solana 블록체인 기반 커뮤니티 중심 밈 암호화폐 프로젝트
• 핵심 기능:
  • Solana 지갑 연동 (Phantom, Solflare 등)
  • 게이미피케이션 요소 (포인트, 레벨, 업적 시스템)
  • 실시간 토큰 홀더 추적 및 랭킹 변화 애니메이션
  • 스마트 컨트랙트 상호작용
• 특징: Web3 개발 경험, Solana 블록체인 활용

4. ym_guide

• 기술 스택: Next.js, TypeScript, Tailwind CSS, Supabase, PostgreSQL
• 기간: 2025.12
• 설명: 청년들을 위한 금융, 정책, 복지 혜택 큐레이션 플랫폼
• 핵심 기능:
  • 청년정책 OPEN API 연동
  • 맞춤형 혜택 추천 시스템
  • 북마크 및 마이페이지 관리
  • 금융 교육 콘텐츠 제공
• 특징: 정부 OPEN API 연동, Supabase를 활용한 백엔드 개발

5. lifestyle_blog

• 기술 스택: Next.js, TypeScript, Tailwind CSS, Markdown, Google Analytics
• 기간: 2025.12
• 설명: 한국어 라이프스타일 블로그 플랫폼
• 핵심 기능:
  • 마크다운 기반 콘텐츠 관리 및 프론트매터 지원
  • 쿠팡 파트너스 상품 카드 자동 삽입
  • 조회수 및 좋아요 통계 (Markdown 파일에 자동 저장)
  • 실시간 미리보기 에디터
  • SEO 최적화
• 특징: 마크다운 기반 CMS, 파트너스 프로그램 통합

6. 프로젝트 개인 블로그 챗봇 Open API

• 기술 스택: Next.js, OpenAI API
• 설명: 블로그 전용 챗봇 서비스
• 핵심 기능:
  • ChatGPT API를 활용한 블로그 질문 답변
  • Next.js API Route를 통한 서버 사이드 처리
• 특징: RAG 도입 시도 후 비용 문제로 철회, 프롬프트 엔지니어링으로 단순화

개발 중인 프로젝트

1. love-trip

• 기술 스택: Next.js, TypeScript, Supabase, Tour API, Naver Maps API, pnpm
• 기간: 2025.08 ~ (개발중)
• 설명: 연인과의 여행을 위한 맞춤형 코스 추천 서비스
• 핵심 기능:
  • 출발지/목적지/예산 기반 최적 여행 코스 자동 생성
  • Tour API 기반 실시간 관광 정보 제공
  • 네이버 지도 통합으로 직관적인 코스 확인
  • 예산 관리 및 1/N 정산 기능
  • 커플 캘린더 및 일정 관리
  • 모노레포 구조 (web, crawler, shared 패키지)
• 특징: 모노레포 구조 설계, 외부 API 연동 경험

2. bubbleBible-FE

• 기술 스택: React, TypeScript, Next.js, Tailwind CSS, PWA, Push Notifications
• 기간: 2025.08 ~ (개발중)
• 설명: 매일 한 구절로 신앙 루틴을 만드는 모바일 우선 성경 플랫폼
• 핵심 기능:
  • 성경 본문 뷰어 (하이라이트, 북마크, 폰트 조절)
  • 포인트·레벨 시스템 (읽기·댓글·좋아요 활동별 보상)
  • 교회 그룹 커뮤니티 (묵상 나눔, 기도제목 공유)
  • PWA 지원 및 푸시 알림 기능
  • 모바일 우선 UX
• 특징: PWA 구현, 모바일 우선 개발, 게이미피케이션 시스템

기술 스택 경험

Frontend

• React, Next.js: 대부분의 프로젝트에서 사용
• TypeScript: 타입 안정성을 위한 필수 도구
• Tailwind CSS: 빠른 스타일링을 위한 유틸리티 CSS
• styled-components: CSS-in-JS 경험

Backend & Database

• Supabase: 빠른 백엔드 구축을 위한 BaaS
• PostgreSQL: 관계형 데이터베이스 경험

외부 API & 서비스

• OpenAI API: 챗봇 서비스 개발
• Tour API: 관광 정보 제공
• Naver Maps API: 지도 서비스 통합
• 정부 OPEN API: 공공 데이터 활용

블록체인 & Web3

• Solana: 빠른 트랜잭션 속도와 낮은 수수료
• Anchor Framework: Solana 스마트 컨트랙트 개발
• Web3.js: 블록체인 상호작용

DevOps & Tools

• Vercel: 프론트엔드 배포
• GitHub Actions: CI/CD
• pnpm: 모노레포 패키지 관리

프로젝트 개발 철학

1. 내가 필요로 하는 서비스를 만들자

대부분의 프로젝트는 개인적인 필요에서 시작했습니다:

• Toris Blog: 개발 지식 정리 및 공유
• ym_guide: 청년 정책 정보 찾기 어려움 해결
• love-trip: 여행 계획의 불편함 해결
• bubbleBible-FE: 성경 읽기 습관 만들기
• CryptoTrade.gg: 트레이더 전적 검증 필요

2. 기술 선택의 균형

• RAG 도입 철회: ChatGPT API 비용 문제와 오버엔지니어링을 고려하여 단순한 프롬프트 엔지니어링으로 전환
• 기술의 복잡도와 비용을 프로젝트의 실제 필요성과 균형 있게 고려

3. 점진적 개발

• MVP부터 시작하여 핵심 기능에 집중
• 사용자 피드백을 바탕으로 점진적 개선
• 완벽보다는 동작하는 제품을 우선

향후 프로젝트 아이디어

고려 중인 아이디어

1. 사용자가 필요로 하면서 복잡도 낮은 제품

   • 일상생활에 필요한 정보 제공 서비스
   • 게임할 때 필요한 정보 커뮤니티
   • 내가 필요로 하는 서비스를 만들어야 한다

2. 기존 프로젝트 확장

   • love-trip: 실시간 교통 정보, 날씨 정보 연동
   • ym_guide: AI 기반 추천 알고리즘 개선
   • bubbleBible-FE: 오프라인 지원 강화, 다국어 지원

3. 새로운 기술 도전

   • 모바일 앱 개발 (React Native)
   • 실시간 서비스 (WebSocket, Server-Sent Events)
   • AI/ML 활용 프로젝트

프로젝트 선택 기준

1. 실제 필요성: 내가 또는 타인이 정말 필요로 하는가?
2. 기술적 도전: 새로운 기술을 배울 수 있는가?
3. 비용 고려: API 비용, 인프라 비용이 합리적인가?
4. 복잡도: 오버엔지니어링이 아닌가?
5. 지속 가능성: 유지보수 가능한 수준인가?

기존 경험 활용 방안

1. Next.js 경험 → 빠른 프로토타이핑, SEO 최적화된 웹사이트 구축
2. Supabase 경험 → 빠른 백엔드 구축, 실시간 기능 구현
3. 외부 API 연동 경험 → 다양한 데이터 소스 활용
4. 블록체인 경험 → Web3 프로젝트 확장
5. PWA 경험 → 모바일 앱 수준의 웹 서비스 제공
6. 모노레포 경험 → 복잡한 프로젝트 구조 관리