개발자 생산성 향상을 위한 온라인 유틸리티 도구 모음입니다.
🌐 Live Demo: https://devhub.marvin-42.com
npm run dev브라우저에서 http://localhost:3000을 열어 결과를 확인하세요.
npm run build # 프로덕션 빌드
npm start # 프로덕션 서버 실행
npm run lint # ESLint 실행- Timestamp Converter - Epoch 타임스탬프 ↔ 날짜/시간 변환
- Base64 Encoder/Decoder - 문자열 ↔ Base64 변환
- JSON Formatter - JSON 포맷팅, 검증, 압축
- Color Tool - HEX ↔ RGB ↔ HSL 변환 & 팔레트 생성
- UUID Generator - UUID v4 생성기
- Hash Generator - MD5, SHA-1, SHA-256 해시 생성
- Regex Tester - 정규표현식 테스트
- Markdown Preview - 실시간 마크다운 미리보기
- URL Encoder/Decoder - URL 인코딩/디코딩
- JWT Decoder - JWT 토큰 디코딩
- ⚡ 빠른 성능 - Next.js + Cloudflare Pages CDN
- 🔒 프라이버시 우선 - 모든 변환은 브라우저에서 처리
- 🆓 완전 무료 - 광고 없이 무료 사용
- 📱 반응형 - 모든 기기 최적화
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS 4
- Hosting: Cloudflare Pages
- Version Control: Git + GitHub
devhub/
├── app/ # Next.js App Router
│ ├── tools/ # 유틸리티 도구들
│ ├── about/ # 소개 페이지
│ └── contact/ # 연락처
├── components/ # 재사용 컴포넌트
│ ├── ui/ # UI 컴포넌트
│ ├── layout/ # 레이아웃 (Navbar, Footer)
│ └── tools/ # 도구별 컴포넌트
└── lib/ # 유틸리티 함수
└── converters/ # 변환 로직
이 프로젝트는 Cloudflare Pages에 자동으로 배포됩니다.
자세한 배포 가이드는 DEPLOY.md를 참조하세요.
DevHub는 오픈소스 프로젝트입니다! 기여를 환영합니다.
- 이 저장소를 Fork하세요
- 기능 브랜치를 생성하세요 (
git checkout -b feature/amazing-tool) - 변경사항을 커밋하세요 (
git commit -m 'feat: Add amazing tool') - 브랜치에 푸시하세요 (
git push origin feature/amazing-tool) - Pull Request를 생성하세요
자세한 가이드라인은 CONTRIBUTING.md를 참조하세요.
- Git 전략: GitHub Flow
- 커밋 컨벤션: Conventional Commits
- 코드 리뷰: 모든 PR은 리뷰 후 병합
자세한 워크플로우는 WORKFLOW.md를 참조하세요.
- PROJECT.md - 프로젝트 상세 기획서
- DEPLOY.md - 배포 가이드
- WORKFLOW.md - 개발 워크플로우
- .claude/CLAUDE.md - Claude Code 컨텍스트
이 프로젝트는 MIT 라이선스 하에 배포됩니다.
DevHub를 사용해주시고 기여해주시는 모든 분들께 감사드립니다!
- Email: devlikebear@gmail.com
- GitHub: @devlikebear
- Issues: GitHub Issues
Built with ❤️ using Next.js 15 & Cloudflare Pages