넘버원 정형외과 웹사이트
카카오맵 연동과 반응형 디자인을 적용한 정형외과 의원 소개 웹사이트. MUI 컴포넌트와 Framer Motion 애니메이션을 활용했습니다.
- Next.js 14
- MUI
- Kakao Maps
- Framer Motion
- Tailwind CSS
사례
만들어 온 것들
21건입니다. 기간과 맡은 역할, 실제로 남은 결과를 그대로 적었습니다. 지금도 돌아가는 것과 끝난 것을 섞어 두었습니다.
The HS 기업 웹사이트
Sanity CMS 기반 콘텐츠 관리 시스템을 갖춘 기업 웹사이트. 비개발자도 쉽게 콘텐츠를 관리할 수 있는 헤드리스 CMS 구조입니다.
- Next.js 14
- Sanity CMS
- Framer Motion
- Tailwind CSS
G-Impact 컨설팅 플랫폼
3D 시각화와 인터랙티브 맵을 활용한 ESG 임팩트 컨설팅 플랫폼. Supabase 기반 데이터 관리와 PDF 보고서 자동 생성 기능을 제공합니다.
- Next.js 16
- React Three Fiber
- Supabase
- TypeScript
- Tailwind CSS v4
- Three.js
호남 에너지 모니터링 대시보드
실시간 WebSocket 통신 기반 에너지 사용량 모니터링 대시보드. Recharts 시각화와 PDF 보고서 내보내기를 지원합니다.
- Next.js 16
- Socket.IO
- Zustand
- Recharts
- TypeScript
- Tailwind CSS v4
Bizzyman 비즈니스 플랫폼
3D 인터랙티브 경험과 비즈니스 도구를 결합한 SaaS 플랫폼. QR 코드 생성, 글로벌 맵, PDF/이미지 내보내기 등 다양한 비즈니스 기능을 제공합니다.
- Next.js 16
- Supabase
- Firebase
- Three.js
- GSAP
- Radix UI
Synapworks AI 커뮤니티
AI 도구 큐레이션과 교육 콘텐츠를 제공하는 커뮤니티 플랫폼. 리치 텍스트 에디터, 3D 물리 시뮬레이션, 실시간 데이터 차트를 탑재했습니다.
- Next.js 14
- Supabase
- React Query
- Tiptap
- Recharts
- Three.js
스트레스 해소 바탕화면 부수기
Three.js로 구현한 인터랙티브 바탕화면 부수기 웹 경험. 스트레스 해소를 위한 재미있는 3D 인터랙션 프로젝트입니다.
- Next.js 16
- Three.js
- TypeScript
- Tailwind CSS v4
기념일 이벤트 페이지
특별한 기념일을 위한 인터랙티브 웹 이벤트 페이지. Tailwind CSS v4와 Next.js 15로 구축한 감성적인 웹 경험입니다.
- Next.js 15
- TypeScript
- Tailwind CSS v4
탄소 뉴스레터 자동화 시스템
EU CBAM 및 탄소 규제 관련 뉴스를 수집·분석하여 자동 발송하는 뉴스레터 백엔드 시스템. Django REST Framework와 JWT 인증 기반입니다.
- Django
- DRF
- Python
- MySQL
- JWT
- Heroku
GreenEyes ESG·CBAM 플랫폼
기업 ESG 탄소 배출량 측정 및 EU CBAM 대응을 위한 SaaS 플랫폼. 마이크로서비스 아키텍처로 ESG 평가와 CBAM 보고서 자동 생성을 통합 제공합니다.
- Next.js
- Django
- TypeScript
- Python
- MUI
- Prisma
In-it 미팅플랜 소개 페이지
Cal.com 임베드 예약 시스템과 MDX 블로그, Masonry 레이아웃을 갖춘 서비스 소개 웹사이트.
- Next.js 14
- Cal.com
- MDX
- SCSS
- Prism.js
- TypeScript
MindBridge
심리 상담 및 멘탈 헬스 서비스를 연결하는 웹 플랫폼. 미니멀한 UI와 Lucide 아이콘으로 직관적인 사용자 경험을 제공합니다.
- Next.js 15
- Lucide
- Tailwind CSS v4
- JavaScript
태산냉동 POS 시스템
냉동식품 유통업체를 위한 맞춤형 POS 관리 시스템. Prisma ORM, 풀캘린더, 리치 텍스트 에디터 등 업무에 최적화된 기능을 제공합니다.
- Next.js
- Prisma
- Supabase
- MUI
- Redux Toolkit
- Tiptap
Link21 교육 플랫폼
토스페이먼츠 결제 연동과 리치 텍스트 콘텐츠 관리를 갖춘 온라인 교육 플랫폼. Django 백엔드와 Next.js 프론트엔드 모노레포로 구성됩니다.
- Next.js
- Django
- TypeScript
- Python
- Toss Payments
- MUI
한국디지털ESG협회 웹사이트
MDX 기반 콘텐츠 관리와 카카오맵, 데이터 테이블을 갖춘 협회 공식 웹사이트.
- Next.js 14
- MDX
- MUI
- Kakao Maps
- React Table
- TypeScript
Link21 기업 홈페이지
MDX 콘텐츠와 카카오맵을 활용한 기업 소개 웹사이트. Headless UI 컴포넌트와 코드 하이라이팅을 적용했습니다.
- Next.js 14
- MDX
- Headless UI
- Kakao Maps
- Shiki
- Framer Motion
세진경영연구원 웹사이트
MDX 콘텐츠와 반응형 디자인을 적용한 경영 연구원 소개 웹사이트. SWR 데이터 페칭과 Headless UI를 활용했습니다.
- Next.js 14
- MDX
- SWR
- Headless UI
- Framer Motion
- Tailwind CSS
출퇴근 인증 시스템
직원 출퇴근 시간 기록 및 관리 대시보드. 간단한 인증 플로우와 관리자 통계 페이지를 제공합니다.
- JavaScript
- HTML
- CSS
Save Earth 환경 캠페인
환경 보호 인식 제고를 위한 인터랙티브 웹 캠페인 페이지. 사운드 효과와 시각적 연출로 몰입감 있는 경험을 제공합니다.
- JavaScript
- HTML
- CSS
룩스라익써티 설문 사이트
뷰티 브랜드를 위한 고객 설문조사 웹사이트. 서비스 소개와 블로그, 연락처 페이지를 포함합니다.
- JavaScript
- HTML
- CSS
josa-moa 한국어 조사 라이브러리
받침 유무에 따라 한국어 조사(은/는, 이/가 등)를 자동 처리하는 Java 오픈소스 라이브러리. Maven/JitPack으로 배포됩니다.
- Java
- Maven
- JitPack