웹
·
HTML / CSS / JS
5개
▾
드래그앤드롭 Todo 앱
HTML5 Drag and Drop API · LocalStorage · 라이브러리 없음
다크모드 토글 포트폴리오
CSS Custom Properties · localStorage · prefers-color-scheme
로컬스토리지 메모장
localStorage CRUD · 디바운스 자동 저장 · 실시간 검색
Canvas 그림판
Canvas API · Flood Fill · Undo/Redo · PNG 저장
뽀모도로 타이머
SVG 원형 진행바 · Web Audio API · 세션 자동 전환
웹
·
React
5개
▾
실시간 환율 계산기
React 18 CDN · useEffect · useCallback · ExchangeRate-API
GitHub 프로필 검색기
GitHub REST API · async/await · Rate Limit 처리
영화 검색 앱 (TMDB API)
TMDB API · API 키 localStorage 관리 · 모달 · 페이지네이션
날씨 앱 (Open-Meteo)
Open-Meteo API · 탭 UI · Geolocation · °C/°F 전환
무한 스크롤 (커스텀 훅)
useInfiniteScroll · IntersectionObserver · Skeleton UI
웹
·
Next.js
5개
▾
방명록 (Fullstack)
Supabase · App Router · Server Action · ISR · TypeScript
마크다운 블로그 (정적 생성)
gray-matter · react-markdown · generateStaticParams · rehype-highlight
AI 챗봇 (Vercel AI SDK)
Vercel AI SDK v6 · Pollinations.ai · 스트리밍 · TextStreamChatTransport
Todo 앱 (Prisma + PostgreSQL)
Prisma 7 · PrismaPg 어댑터 · Server Actions · useTransition · Neon
소셜 로그인 (NextAuth v5)
NextAuth v5 · GitHub OAuth · Google OAuth · proxy.ts · Session
앱
·
Flutter
4개
▾
가계부 앱 (로컬 저장)
sqflite · SQLite · 수입/지출 CRUD · 날짜별 그룹핑 · intl
QR 코드 생성/스캔 앱
qr_flutter · mobile_scanner · ML Kit · 카메라 · 클립보드
뽀모도로 타이머 앱
flutter_local_notifications · CustomPainter · AnimationController · 링 UI
메모앱 (Hive NoSQL)
hive_flutter · TypeAdapter · build_runner · ValueListenableBuilder · Dismissible
백엔드
·
Python · PHP
2개
▾
FastAPI REST API 서버
FastAPI · Pydantic v2 · uvicorn · CRUD · Swagger UI 자동 문서화
로그인/회원가입 시스템
PDO SQLite · password_hash · CSRF 토큰 · session_regenerate_id · XSS 방어
게시판 CRUD
PDO SQLite · 게시글 목록/작성/수정/삭제 · CSRF · 소유권 검사 · 페이지네이션
REST API 서버
순수 PHP · JSON 응답 · CORS · HTTP 상태 코드 · 정규식 라우터 · PDO SQLite
파일 업로드 시스템
다중 업로드 · finfo MIME 검증 · UUID 저장명 · 파일 교체 · 스트림 다운로드
AI
·
Gemini · Pollinations · Transformers.js
3개
▾
AI 챗봇 웹앱
Gemini API · gemini-2.0-flash · 멀티턴 대화 · 시스템 프롬프트 · SDK 없음 · GEMINI_API_KEY
AI 이미지 생성기
Pollinations.ai API · 무료 · API 키 없음 · 모델 선택 · 히스토리 · 다운로드
이미지 설명 생성기
브라우저 AI 추론 · Web Worker · ~200MB · API 키 없음 · ViT-GPT2
자동화
·
Python
6개
▾
유튜브 자막 추출기
youtube-transcript-api · argparse · CLI + Streamlit 웹 UI
엑셀 보고서 자동 생성
openpyxl · PatternFill · BarChart · 조건부 색상 · freeze_panes · 수식 자동화
웹 스크래퍼 (BeautifulSoup)
requests · BeautifulSoup4 · lxml · CSS 선택자 · 페이지네이션 · CSV 저장
Telegram 봇
python-telegram-bot · async/await · CommandHandler · InlineKeyboard · Open-Meteo
PDF 요약 자동화
Ollama 로컬 LLM · PyMuPDF · 배치 처리 · Markdown 출력 · API 키 불필요
블로그 포스팅 자동화
GitHub Actions · Markdown→HTML · n8n + Make 비교 · Tistory API