서비스를 기획부터 배포까지 직접 만듭니다. 프론트엔드는 Next.js와 TypeScript, 백엔드는 Spring Boot와 PostgreSQL을 주로 씁니다. 직접 운영하는 프로덕트와 함께 클라이언트 웹서비스를 만들고 있습니다.
검증된 한국인 튜터와 전 세계 학생을 잇는 튜터 매칭 플랫폼. 튜터 탐색부터 예약, 결제, 화상 수업, 채팅, 후기까지 한 서비스 안에서 이어집니다. 튜터 수익 정산과 해외 송금까지 포함하며, 한국어와 영어 이중언어와 다중 통화를 지원합니다. 현재 운영 중입니다.
Spring Boot 3.5 · Java 21 · MySQL 8 · Flyway · WebSocket (STOMP) · Next.js 15 · React 19 · Docker Compose
고객이 모바일 웹에서 음성이나 텍스트로 고장을 접수하면, 긴급도와 위치를 기준으로 가까운 업체가 배정됩니다. 설정한 대기시간을 넘기면 자동배정 워커가 개입하고, 업체가 거절하면 재배정까지 이어집니다.
Next.js · Prisma · PostgreSQL · Tailwind CSS · Web Speech API
이메일·카카오·전화·폼으로 흩어지던 클라이언트 요청을 한곳에 모읍니다. 파생요청 트리와 append-only 변경이력으로 유실을 막고, AI는 분류와 중복탐지를 제안만 하며 승인은 사람이 합니다.
Turborepo · tRPC · Auth.js v5 · Postgres RLS · ltree
의뢰받아 만든 웹서비스입니다. 대부분 Next.js App Router와 Prisma 위에서, 콘텐츠를 직접 관리할 수 있는 관리자 CMS를 함께 구축했습니다.
물안보·지속가능 관리 분야 국제기구의 기관 사이트. 콘텐츠 관리와 관리자 인증을 갖췄습니다.
Next.js 16 · React 19 · Prisma · NextAuth · Tailwind CSS 4
학회 개칭에 맞춘 CMS 기반 홈페이지 신규 구축. 메인 디자인 시안 5종을 각각 다른 구성 원리와 팔레트로 설계했고, 국제 학술지 발간 시스템을 함께 다뤘습니다.
TypeScript · HTML/CSS 시안 · OJS · Cloudtype
진료·콘텐츠 페이지와 관리자 CMS. 마크다운 기반 글 작성, 검색, 이전·다음·관련글 탐색, SEO(sitemap·robots·RSS)까지 붙였고 글 작성에 AI 보조를 연결했습니다.
Next.js 16 · React 19 · Prisma · PostgreSQL · Framer Motion · Cloudtype
도매 거래처가 상품을 열람·문의하는 B2B 카탈로그 플랫폼.
Next.js · Prisma · NextAuth · React Query · Zustand · Playwright
주거·상업 인테리어 스튜디오 사이트. 포트폴리오 갤러리, 카카오톡 상담 예약 문의, 콘텐츠·문의를 관리하는 관리자 페이지로 구성했습니다.
Next.js 16 · React 19 · Prisma 7 · PostgreSQL · Tailwind CSS 4
| Frontend | Next.js · React · TypeScript · Tailwind CSS |
| Backend | Spring Boot · Java 21 · tRPC · Prisma · Auth.js · WebSocket |
| Data · Infra | PostgreSQL · MySQL · Flyway · Docker · Turborepo |
