서승표

공고문과 사용자 프로필을 대조해 지원 가능 여부를 확인하는 AI 에이전트입니다. JunctionX Korea 2026 해커톤의 Upstage 트랙 출품작으로, 2인 팀에서 풀스택 개발을 담당했습니다.

파일이나 링크로 등록한 공고를 분류하고 필요한 정보를 추출해 구조화된 데이터로 저장했습니다. 프로필과 공고 조건을 비교한 결과를 지원 가능, 지원 불가, 추가 확인 필요로 구분해 추천 피드에 연결했습니다.

Vercel AI SDK로 처리 과정을 실시간으로 전달하고, 새로고침 후에도 진행 중인 분석을 이어서 확인할 수 있도록 했습니다. 문서 분석 도구를 활용하는 대화 기능을 개발하고, 방문자별로 프로필과 추천 결과를 분리했습니다.

기술: Next.js, TypeScript, Tailwind CSS, Vercel AI SDK, Upstage Solar, Document Parse, Information Extraction, Studio Agents, Supabase

GitHub: 웹과 백엔드

한글 프로그래밍 언어 달빛약속의 선택 인자 처리 오류를 수정했습니다. 선택 인자가 세 개 이상인 함수의 호출 규칙을 처리할 때 토큰을 잘못 건너뛰는 문제였습니다.

인자 이름의 개수만큼 토큰을 이동하던 방식을 닫는 괄호까지 확인하도록 바꿨습니다. 수정 사항은 PR #192로 기여했으며, 2026년 8월 20일에 병합되었습니다.

기여 PR 보기

GitHub: 원본 저장소

eBay 판매자 커뮤니티의 월별 미션 참여와 달성 현황을 보여주는 챌린지 대시보드입니다. 참가자가 별도 로그인 없이 카페 닉네임으로 자신의 진행 상황을 조회하고, 관리자가 미션과 참여 기록을 관리할 수 있도록 개발했습니다.

2026년 8월부터 10월까지 판매자 103명의 승인된 미션 인증 199건을 관리했습니다. 9월에는 판매자 63명의 상품 등록 실적 14,412건을 집계했습니다. 11월 3일 운영 DB의 기록 기준이며, 상품 등록 수는 관리자가 입력한 실적입니다.

월별 미션 로드맵과 스탬프 카드로 참여 이력을 보여주고, 참가자 수와 성공률, 인증 순위와 리스팅 수 순위를 구성했습니다. 다크 테마의 반응형 화면을 구현하고, 월을 이동해도 닉네임 검색 상태가 유지되도록 했습니다.

관리자 화면에서는 회차와 미션 내용, 성공 날짜와 리스팅 수, 인증 순서를 편집할 수 있습니다. 미공개 미션은 공개 화면에서 숨기고 관리자만 샘플 데이터로 미리 볼 수 있게 했으며, 공개 목록에는 닉네임을 마스킹했습니다. 하위 미션별 달성 여부와 관리자에게만 보이는 달성 경로를 지원해 월별 운영 방식의 차이를 반영했습니다.

기술: Next.js, React, TypeScript, Tailwind CSS, Supabase, PostgreSQL

GitHub: 웹과 백엔드 (비공개)

대학 축제와 캠퍼스 부스를 위한 QR 주문 POS입니다. 손님은 앱 설치나 로그인 없이 주문하고, 운영자는 실시간 주문 보드에서 주문을 처리합니다. 기획부터 개발과 배포까지 혼자 담당했습니다.

팀별 워크스페이스에서 상품, 테이블과 주문을 독립적으로 관리하고, 별도의 슈퍼어드민 콘솔에서 플랫폼 전체를 관리하도록 설계했습니다. RLS로 데이터 접근 범위를 제한하고, 주문 가격과 총액은 서버에서 검증해 다시 계산하도록 했습니다.

자정을 넘기는 축제 운영에 맞춰 영업일 마감 시각을 기준으로 매출을 집계하고, 테이블별 이용 시간과 주문 합계를 관리하도록 구현했습니다.

운영자 기능의 입력 검증, 권한 확인과 캐시 갱신 방식을 통일했습니다. Supabase Realtime과 TanStack Query로 주문 상태를 실시간으로 반영하고, 검색 노출 설정과 동적 공유 이미지를 적용해 배포했습니다.

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

GitHub: 웹과 백엔드 (비공개)

고객사별 키워드로 뉴스를 수집하고 검토해 보고 자료로 정리하는 웹 서비스입니다. 뉴스 수집과 기사 데이터 관리, 워크스페이스별 접근 제어를 개발했습니다.

네이버 뉴스 검색 결과를 정기적으로 수집하고 기사 원문에서 매체와 기자 정보를 추출했습니다. 기존 기사와 중복되는 링크를 걸러 저장하고, 연도별 자료를 월별 시트로 나눈 엑셀 파일로 내보낼 수 있도록 했습니다.

관리자와 고객의 역할에 따라 이용 범위를 나누고 워크스페이스별 데이터를 격리했습니다. 외부 기사 정보를 가져올 때 사설 IP와 내부 주소에 접근하지 못하도록 제한했습니다.

기술: Next.js, TypeScript, Supabase, Vercel

GitHub: 웹과 백엔드 (비공개)

메가스터디 수학 강사 김희창의 브랜드 랜딩 페이지입니다. 디자인 구현부터 프론트엔드 개발과 배포까지 혼자 담당했습니다.

강사 소개, 수강생 관리 방식, 단계별 커리큘럼과 성적 사례를 한 페이지에 담고 카카오톡 채널 상담으로 연결했습니다. 반응형 화면과 주요 영역의 애니메이션을 구현하고, 이미지 최적화와 보안 헤더를 적용해 배포했습니다.

기술: Next.js, React, TypeScript, Tailwind CSS, Biome, Vercel

GitHub: 프론트엔드

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

기준 점수에 미달한 학생을 자동으로 선별하는 재시험 흐름을 구현했습니다. 날짜와 상태 변경 이력을 남기고 최근 작업을 되돌릴 수 있게 했으며, 학원별 관리 방식에 맞춰 상태를 설정할 수 있도록 했습니다.

재시험과 과제의 공통 처리 과정을 재사용 가능한 로직으로 정리했습니다. 학생과 시험 정보를 넣는 문자 템플릿으로 시험 결과와 재시험 안내를 발송하고, 학생용 마이페이지와 통합 캘린더도 개발했습니다.

워크스페이스별로 데이터와 구성원을 분리하고 관리자와 학생의 역할에 맞는 권한을 적용했습니다. API의 인증, 권한 확인, 로깅과 오류 처리를 공통 구조로 정리했습니다.

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

GitHub: 웹과 백엔드

대웅그룹의 Notion 기반 자산 관리 서비스입니다. 직원용 웹과 관리자용 모바일 앱을 개발해 문의와 수리 요청, 소프트웨어 라이선스 조회, 자산 실사를 연결했습니다.

직원의 요청을 Notion 데이터베이스에 티켓으로 저장하고, 고유 링크에서 처리 상황을 확인할 수 있도록 했습니다. 라이선스 조회에는 유효기간이 있는 접근 링크를 적용했습니다. 자산 실사는 Notion에 설정된 기간에만 진행할 수 있도록 했습니다. 자산번호로 정보를 확인한 뒤 결과를 제출하도록 하고, 같은 자산의 중복 제출을 막았습니다.

관리자 앱에서는 바코드를 스캔해 자산을 조회하고 현장에서 정보를 수정할 수 있도록 했습니다. 직원과 관리자가 기존 Notion 데이터를 기준으로 업무를 처리하게 구성했습니다.

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

GitHub: 직원용 웹과 백엔드 (비공개), 관리자 앱 (비공개)

한국디지털미디어고등학교 IT 소셜벤처 동아리 LUNA의 랜딩 페이지를 리뉴얼했습니다. 프론트엔드와 콘텐츠 제공 API를 개발하고, 코드에 직접 작성하던 소개 콘텐츠를 Notion에서 관리하도록 바꿨습니다.

개발자가 아니어도 활동과 프로젝트 정보를 수정할 수 있도록 구성했습니다. Notion 데이터를 주기적으로 갱신하고 캐시하는 백엔드를 구현해 활동 수치와 수상 실적을 자동으로 계산했습니다. 반응형 화면과 방문 분석을 적용하고, 이미지 처리와 데이터 저장을 위한 운영 환경도 구성했습니다.

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

GitHub: 프론트엔드, 백엔드

보유한 식재료와 취향에 맞춰 레시피를 만드는 AI 요리 앱입니다. Software FUTURE&DREAM Challenge 2024 출품작으로, 3인 팀에서 기획과 디자인, 앱과 백엔드 개발, 배포를 주도했습니다.

레시피 탐색부터 조리 단계 확인과 요리 질문까지 앱 안에서 이어갈 수 있도록 구성했습니다. OpenAI API로 레시피와 관련 이미지를 생성하고 FastAPI 백엔드에 연결했습니다.

냉장고 사진에서 식재료를 인식해 레시피 추천에 반영하고, 부족한 재료를 바꿀 때는 대체 재료와 예상되는 맛의 변화를 함께 안내하도록 했습니다.

AWS EC2와 Nginx로 서비스를 배포하고 Docker와 GitHub Actions로 배포를 자동화했습니다.

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

GitHub: 앱, 백엔드

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

세탁기와 건조기 예약, 잔류 좌석 선택, 외출 신청과 급식 취소를 기존 디미고인 API에 연결했습니다. 신청 상태를 화면에 반영하고, 인증 토큰이 만료되면 갱신한 뒤 요청을 다시 보내도록 구현했습니다.

휴대폰 홈 화면에 설치할 수 있는 PWA로 만들어 앱스토어 심사 없이 수정 사항을 배포했습니다. 이를 통해 서비스 전환기에 필요한 기능을 제공하고 운영 중 변경 사항에 대응했습니다.

기술: Next.js, React, JavaScript, Tailwind CSS, PWA

GitHub: 프론트엔드 (비공개)

시각장애인에게 음식의 종류와 위치를 음성으로 알려주는 AI 식사 도우미입니다. 밥상 중앙을 기준으로 반찬이 몇 시 방향에 있는지 안내합니다. 4인 팀에서 모바일 앱과 백엔드 등 소프트웨어 개발을 담당했습니다.

안경과 숟가락에 부착하는 장치와 통신하는 FastAPI 백엔드를 구축하고, 별도 기기 없이도 사용할 수 있는 모바일 앱을 개발했습니다. 인식한 음식 목록에서 항목을 누르면 위치를 다시 음성으로 안내하도록 했습니다. YOLO 기반 객체 인식을 검토한 뒤 OpenAI의 이미지 분석을 활용하는 구조로 전환했습니다.

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

GitHub: 앱, 백엔드

성장 과정을 기록하고 시각화해 주변 사람들과 공유하는 모바일 서비스입니다. Junction Asia 2024 해커톤의 Apple Developer Academy 트랙에 출품했습니다.

모바일 앱과 백엔드 개발, 배포를 담당했습니다. Flutter로 성장 기록을 보여주는 화면을 구현하고, Express로 사용자 데이터와 공유 기능을 위한 API를 개발했습니다.

기술: Flutter, GetX, Express

청소년 창업가 네트워킹 행사 Link Demo Day 2024의 랜딩 페이지입니다. 프론트엔드 개발을 전담해 행사 소개와 일정, 참여 동아리, 지난 행사 기록과 참가 안내를 한 페이지에 담았습니다.

모바일과 데스크톱에 맞춘 반응형 화면과 스크롤에 따라 각 영역이 나타나는 애니메이션을 구현했습니다. 공개 후에도 후원사와 행사 정보를 갱신하고 모바일 화면을 개선하며 유지보수했습니다.

행사에서는 디미페이 개발과 운영 경험을 발표하는 연사로도 참여했습니다.

기술: Next.js, React, TypeScript, Tailwind CSS

GitHub: 프론트엔드

식품의 소비기한을 기록하고 관리하는 모바일 앱입니다. Flutter로 홈, 소비기한 목록과 촬영 등록 화면을 개발하고 Supabase 인증과 사용자별 데이터 저장을 연결했습니다.

카메라로 포장에 적힌 날짜를 인식하면 사용자가 날짜를 확인하고 품목 이름을 입력해 저장하도록 했습니다. 목록은 소비기한이 임박한 순서로 정렬하고, 홈에서는 소비기한이 가장 가까운 세 품목을 보여줍니다. Google 로그인과 화면 이동, 상태 관리도 구현했습니다.

기술: Flutter, Dart, GetX, Supabase, Google ML Kit

GitHub: 앱

기부를 일상으로 연결하기 위해 시작한 모바일 앱 프로토타입입니다. 모바일 앱 개발을 담당해 홈, 로그인과 프로필 화면을 구성했습니다.

Flutter와 GetX로 화면 이동과 상태 관리를 구현하고 Supabase를 이용한 Google 로그인을 연결했습니다. 홈의 콘텐츠 캐러셀, 공통 색상과 글꼴 체계, 라이트 모드와 다크 모드를 구성했습니다.

기술: Flutter, Dart, GetX, Supabase, Google AdMob

GitHub: 앱

학생들이 교내에서 교류하고 팀을 구성하도록 돕는 해커톤 프로토타입입니다. 제5회 한국코드페어 해커톤 출품작으로, 웹 프론트엔드와 백엔드 기반 개발을 담당했습니다.

Next.js로 팀 찾기와 팀 상세, 학생 프로필, 대외활동 정보 화면과 모바일 내비게이션을 구성했습니다. 관심사와 활동 이력을 살펴 팀원을 찾는 과정을 웹 프로토타입으로 표현했습니다.

백엔드에서는 Flask로 학생, 기술과 수상 정보를 조회하는 API를 개발하고 학생, 동아리와 프로젝트 팀을 관리하는 MySQL 스키마를 설계했습니다. Docker와 GitHub Actions로 이미지를 빌드하고 배포하는 흐름을 구성했습니다.

기술: Next.js, Flask, MySQL, Docker, GitHub Actions

GitHub: 프론트엔드, 백엔드

조리 로봇과의 연동을 목표로 레시피를 코드로 공유하는 요리 앱 프로토타입입니다. Junction Asia 2023 해커톤의 Jaka Robotics 트랙에 출품했습니다.

모바일 앱 개발을 담당해 레시피 편집과 커스터마이징, 코드 공유 화면을 구현했습니다. 재료의 양, 조리 방식, 시간과 온도를 블록으로 조합해 조리 순서를 구성하도록 했습니다.

첫 실행 시 언어, 비건 여부와 알레르기를 설정하도록 구현하고 Firebase로 사용자 프로필과 커스텀 레시피를 저장했습니다.

기술: Flutter, Firebase

GitHub: 앱

글의 종류를 고르고 필요한 정보를 입력하면 AI가 초안을 작성하는 글쓰기 도우미입니다. 4인 팀으로 진행한 첫 팀 프로젝트에서 모바일 앱 개발을 담당했습니다.

글 템플릿에 맞춰 정보를 입력하거나 음성으로 답하는 흐름을 구현하고 OpenAI API에 연결했습니다. 음성 안내에 따라 단계별로 작성할 수 있도록 했으며, 접근성 모드에서는 글자와 메뉴를 크게 표시하고 음성 입력 화면으로 바로 이동하게 했습니다. 사용자 정보와 작성 데이터는 Firebase로 저장하고 관리했습니다.

기술: Flutter, GetX, OpenAI API, Firebase, Speech to Text, TTS

GitHub: 앱