서승표

JunctionX Korea 2026 해커톤 Upstage 트랙 출품작. 공고문(PDF, 포스터, HWP)을 Studio 에이전트가 읽어 구조화된 카드로 만들고, 프로필과 대조해 지원 가능 여부를 판정하는 서비스입니다. 2인 팀에서 풀스택 최다 기여자로 개발을 담당했습니다.

• 공고 등록(파일, 링크, 크롤) → Studio 에이전트 Parse, Classify, Extract, Instruct 파이프라인 → Supabase 저장
• 방문자 프로필(링크, 서류, 메모)과 공고를 대조해 eligible, ineligible, check 자격 판정과 Solar 추천 피드 구현
• Vercel AI SDK로 워크플로우 NDJSON 스트림과 Solar Pro 4 문서 챗(Parse, Extract, Studio Agent 툴콜) 구현

기술스택: Next.js 16, TypeScript, Tailwind CSS v4, Vercel AI SDK, Upstage Solar Pro 4, Document Parse, Information Extraction, Studio Agents, Supabase

웹사이트 보기 / GitHub

대학 축제, 캠퍼스 부스용 QR 주문 POS. 손님은 QR 스캔만으로 앱 설치, 로그인 없이 주문하고, 운영자는 실시간 보드에서 주문을 처리합니다. 기획부터 개발, 배포까지 혼자 진행한 1인 풀스택 프로젝트입니다.

• 워크스페이스 단위 멀티테넌트 설계 — 팀별로 상품, 테이블, 주문을 독립 운영, 별도 슈퍼어드민 콘솔로 플랫폼 전체 관리
• 전 테이블 RLS 적용, 무인증 고객 동선은 SECURITY DEFINER RPC로만 처리하고 가격, 총액은 항상 서버에서 재계산
• 운영자 변이를 Zod 검증 → 권한 체크 → 캐시 재검증 패턴으로 통일, Supabase Realtime + TanStack Query로 주문 보드 실시간 갱신
• 19개 SQL 마이그레이션과 SEO(robots, sitemap, 동적 OG 이미지)까지 직접 구축해 dpos.sspzoa.io에 배포

기술스택: Next.js 16, React 19, TypeScript, Tailwind CSS v4, shadcn/ui, TanStack Query, Zustand, Supabase, Bun, Vercel

메가스터디 수학강사 '김희창 수학'의 브랜드 랜딩 페이지. 디자인 구현부터 배포까지 혼자 진행한 1인 프론트엔드 프로젝트입니다.

• 수강생 관리 시스템, 4단계 커리큘럼, 실제 성적 사례를 한 페이지에 담고 카카오톡 채널 상담으로 연결되는 마케팅 랜딩 구성
• Tailwind CSS v4 반응형 레이아웃, Hero 영역의 그라데이션, 플로팅 도형, 라인 드로잉 애니메이션 구현
• next/image 이미지 최적화, 보안 헤더(HSTS, X-Frame-Options 등) 적용 후 Vercel 배포

기술스택: Next.js 16, React 19, TypeScript, Tailwind CSS v4, Biome, Vercel

학원, 교습소를 위한 학생 관리 SaaS. 학생, 수업, 시험, 재시험, 클리닉, 과제, 상담 기록을 한곳에서 관리합니다. 기획, 디자인, 개발을 혼자 전담한 1인 풀스택 프로젝트입니다.

• 커트라인 미달 학생을 자동으로 추리는 재시험 워크플로우 — 모든 변경을 되돌릴 수 있는 이력으로 기록, 워크스페이스별 상태 커스터마이징
• 재시험, 과제의 유사 흐름을 공통 로직으로 추상화, 변수 치환 템플릿 기반 Solapi 문자 발송(시험 결과, 재시험 안내)
• 80여 개 API 라우트를 공통 래퍼로 인증, 권한, 로깅, 에러 처리 일원화, 워크스페이스 멀티테넌트 + owner, admin, student 역할 권한
• 학생 전용 마이페이지(수업, 성적, 과제, 일정)와 통합 캘린더 제공

기술스택: Next.js 16, React 19, TypeScript, Tailwind CSS v4, shadcn/ui, TanStack Query, Jotai, Supabase, Solapi, Axiom, Biome, Bun, Vercel

대웅그룹의 Notion 기반 자산 관리 시스템. 직원용 웹(문의, 수리 요청, 라이선스 조회, 자산 실사)과 관리자용 모바일 앱으로 구성되며, 웹과 앱 개발을 모두 담당했습니다.

• 문의, 수리 요청이 Notion DB에 티켓으로 자동 생성되고 고유 링크로 진행 상황을 실시간 확인 — 별도 DB 구축 없이 운영
• JWT 세션 기반 라이선스 조회 — 관리자가 1시간 유효 링크를 생성하면 13종 소프트웨어를 법인명, 사용자명으로 검색
• Notion 날짜 데이터 기반으로 실사 기간에만 활성화되는 자산 실사 플로우(미들웨어 접근 제어), 바코드 스캔 자산 조회, 현장 편집 앱 구현
• Bearer 토큰 인증과 타이밍 공격 방지용 상수 시간 비교 적용, CSS 변수 기반 다크 모드 디자인 시스템 구축

기술스택: Next.js, React Query, Jotai, Tailwind CSS, Notion API, Vercel, Flutter, GetX

한국디지털미디어고등학교 IT 소셜벤처 동아리 LUNA의 랜딩페이지 리뉴얼. 프론트엔드 개발을 전담했습니다.

• 하드코딩돼 있던 페이지 데이터를 Notion API 기반으로 전환 — 비개발자 동아리원도 Notion에서 수정하면 실시간 반영
• 각종 수치는 최소 데이터만 입력하면 자동 계산, Vercel 무료 요금제로 무비용 운영 + Analytics 방문 분석

기술스택: Next.js, Tailwind CSS, React Query, Jotai, Notion API, Vercel

웹사이트 보기

AI 기반 레시피 제공 앱. Software FUTURE&DREAM Challenge 2024 출품작으로, 기획부터 디자인, 개발, 배포까지 전 과정을 주도하며 3인 팀을 이끌었습니다.

• 채팅형 AI 레시피 서비스와 달리 기존 레시피 앱 같은 직관적 UI 제공 — 조리 과정을 AI 생성 이미지로 시각화한 것이 핵심 차별점
• 모바일 앱과 백엔드 모두 담당 — 레시피, 이미지 생성을 OpenAI API로 구현
• AWS EC2 + Nginx 배포, GitHub Actions + Docker CI/CD 자동 배포 구축

기술스택: Flutter, GetX, FastAPI, MongoDB, OpenAI API, AWS EC2, Nginx, Docker, GitHub Actions

한국디지털미디어고등학교 인트라넷 '디미고인'의 핵심 기능(세탁, 잔류, 금요귀가 신청)만 선별한 웹 서비스. 디자이너 1명과 함께 개발하며 프론트엔드 전반을 담당했습니다.

• 앱스토어 심사 없이 즉시 배포, 수정 가능한 웹으로 구축해 과도기에 필요한 신속한 오류 대응 확보
• 세 가지 신청 기능의 UI, 로직 구현 및 기존 디미고인 API 연동

기술스택: Next.js, Tailwind CSS

시각장애인을 위한 AI 식사 도우미. 밥상 중앙을 기준으로 반찬이 몇 시 방향에 있는지 파악해 TTS로 안내하며, 안경, 숫가락 부착형 하드웨어와 모바일 앱으로 제공됩니다. 4인 팀에서 소프트웨어 개발 전반을 담당했습니다.

• 하드웨어 기기와 통신하는 FastAPI 백엔드 구축, 기기 없이도 쓸 수 있는 모바일 앱 병행 개발
• YOLO 객체 인식의 성능 한계를 확인하고 OpenAI API 구조로 전환해 정확도, 안정성 개선

기술스택: Flutter, GetX, FastAPI, OpenAI API, Arduino

Junction Asia 2024 해커톤 Apple Developer Academy 트랙 출품작. 성장 과정을 시각적으로 확인하고 주변과 공유하며 동기부여를 얻는 서비스입니다.

• 모바일 앱과 백엔드 개발, 배포 담당 — Flutter로 성장 기록 시각화 UI, Express로 사용자 데이터, 공유 API 구현

기술스택: Flutter, GetX, Express

청소년 창업가 네트워킹 행사 'Link Demo Day 2024'의 랜딩 페이지. 프론트엔드 개발을 전담했습니다.

• 행사 정보, 연사 소개, 참가 안내 페이지 구현
• '디미페이' 활동을 바탕으로 행사 연사로도 참여

기술스택: Next.js, Tailwind CSS

광고 수익으로 포인트만큼 사용자 이름으로 실제 기부하는 선순환 구조의 기부 플랫폼. 모바일 앱 개발을 담당했습니다.

• 포인트 적립, 사용 시스템, 기부 후기, 뉴스 피드, 기부처 조회, 기부 진행 플로우 구현

기술스택: Flutter, GetX

제5회 한국 코드페어 해커톤 출품작. 교내 네트워킹 부족 문제를 풀기 위해 AI로 학생 인맥 형성과 팀 구성을 돕는 플랫폼입니다.

• 웹 개발 담당 — 학생 프로필 조회, AI 기반 팀 매칭, 활동 모집 기능 구현

기술스택: Next.js

Junction Asia 2023 해커톤 Jaka Robotics 트랙 출품작. 조리 로봇의 일관된 맛을 활용해 레시피를 코드로 공유하고, 인플루언서가 먹은 맛을 그대로 재현하는 F&B 서비스입니다.

• 모바일 앱 담당 — 레시피 커스터마이징 UI, 코드 공유 기능, 로봇 통신 인터페이스 구현

기술스택: Flutter

프롬프트 엔지니어링 없이 글 템플릿을 고르고 정보만 입력하면 AI가 글을 완성해 주는 글쓰기 도우미. 첫 팀 프로젝트(4인)로 모바일 앱 개발을 담당했습니다.

• 백엔드 서버 없이 앱에서 직접 OpenAI API를 호출하는 구조 구현
• Firebase로 사용자 정보, 데이터 저장 관리 시스템 구축

기술스택: Flutter, GetX, OpenAI API, Firebase