서상혁 · PRODUCT ENGINEER / FULL-STACK ENGINEER

사용자 문제를 발견하고,
화면부터 서버와 운영까지 연결합니다.

사용자의 문제를 제품 요구사항으로 바꾸고 프론트엔드, 백엔드, 데이터와 운영을 연결해 실제로 쓰이는 제품을 만듭니다. SaaS MVP를 구축·배포했고, GA 활성 사용자 3,000명(2026.04–2026.10 집계)의 캠퍼스 서비스를 기획부터 운영까지 책임지고 있습니다.

현재
삼육대학교 컴퓨터공학부 재학 · 2028.02 졸업 예정
기회
신입 취업 · 인턴 · 협업
  • Product
  • Full-stack
  • Operations

경력

오이소 SaaS의 백엔드와 운영자 도구를 구현했습니다.

개발팀 · 정규직

아이오아이오(IOIO)

오이소

서버 개발자

수의사와 농가를 연결하는 SaaS 제품의 백엔드와 관리자 시스템 MVP를 개발했습니다. 농가·수의사 계정과 병원 주소 관리 API, 운영자가 계정을 조회·등록·수정하는 Next.js 관리자 화면을 구현했습니다.

담당 업무

  • NestJS 기반 농가·수의사 계정 조회·등록·수정과 병원 주소 관리 API 구현
  • PostgreSQL 데이터 모델링 및 서비스 데이터 구조화
  • JWT 발급·만료·재발급 흐름을 포함한 인증 기능 구현
  • 농가·수의사 계정 관리용 Next.js 관리자 화면 개발
  • NestJS
  • PostgreSQL
  • Redis
  • JWT
  • Next.js
  • REST API

프로젝트

제품의 문제부터 운영까지 책임진 프로젝트입니다.

기능 목록보다 발견한 문제, 기술적 선택, 실제 사용과 운영에서 다시 수정한 내용을 보여줍니다.

인제대학교 통학버스 예약 시스템 프로토타입의 날짜, 등하교 구분과 좌석 선택 화면
선택한 노선, 출발 시각과 좌석 번호를 확인하는 프로토타입 예약 현황 화면

PROJECT EVIDENCE

인제대학교 통학버스 예약 시스템 개편 실제 화면

인제대학교 통학버스 예약 시스템 프로토타입의 날짜, 등하교 구분과 좌석 선택 화면

날짜와 운행 방향을 선택한 뒤 좌석을 고르는 프로토타입

01 / 02
수상 프로젝트 · 프로토타입과 공식 개편 QA
02 / 04

인제대학교 통학버스 예약 시스템 개편

프로젝트 팀장 · 프론트엔드 프로토타입 개발 · 공식 개편 QA

학생의 예약 불편을 조사해 개선 프로토타입을 제작·제공하고, 이후 외주사가 구현한 공식 개편 결과물의 오류와 개선 의견을 PPT 보고서로 정리했습니다.

약 30%
프로토타입 로딩 시간 단축
약 +20점
프로토타입 Lighthouse Performance 상승
QA 보고서
공식 개편 오류·개선 의견 전달
프로젝트 상세 보기

문제

버스 시간과 노선, 예약 가능 여부가 한눈에 들어오지 않았고 예약 단계도 직관적이지 않았습니다. 특히 모바일에서 반복적으로 예약하는 학생들의 혼란과 느린 화면 전환을 우선 해결 과제로 정의했습니다.

프로토타입

사용자 조사를 바탕으로 예약 정보를 재배치하고 흐름을 단순화한 React 프로토타입을 개발해 학교에 제공했습니다. 프로토타입에서 캐싱으로 로딩 시간을 약 30% 줄였고 Lighthouse Performance 점수를 약 20점 높였으며 SEO 점검 항목도 개선했습니다. 성능은 동일 기기·Wi-Fi 환경에서 쿠키를 비활성화하고 10회 측정했습니다.

공식 개편 QA

공식 서비스는 외주사가 별도로 구현했습니다. 해당 결과물의 QA 과정에 참여해 기능 오류와 사용성 개선 의견을 재현 절차와 함께 PPT 보고서로 정리해 전달했습니다.

기여 범위

  • 프로젝트 일정·역할 관리와 사용자 조사
  • 예약 화면 정보 구조와 UX 프로토타입 설계
  • React 기반 핵심 화면, API 연동과 캐싱 적용
  • 외주사 공식 개편 결과물 QA와 PPT 보고서 작성
  • React
  • Figma
  • UX Research
  • User Testing
  • Performance
IJO 공개 홈 화면에 대회 기간, 문제 수와 온라인 코딩 환경이 안내된 모습

PROJECT EVIDENCE

IJO 실제 화면

IJO 공개 홈 화면에 대회 기간, 문제 수와 온라인 코딩 환경이 안내된 모습

학과 코딩 테스트 운영에 사용된 IJO 공개 홈 화면

공식 대회 운영 플랫폼
03 / 04

IJO

Inje-Judge Online

프론트엔드 팀장

약 130–150명이 참가한 학과 알고리즘 대회에서 10문항의 탐색, 코드 제출과 채점 결과 확인을 지원한 공식 운영 플랫폼입니다.

1회
학과 알고리즘 대회 공식 운영
약 130–150명
실제 대회 참가자
10문항
플랫폼에서 제공한 문제
프로젝트 상세 보기

환경

참가자가 제한된 시간과 긴장도 높은 환경에서 문제를 이동하고 코드를 제출해야 했습니다. 화면 장식보다 탐색, 제출, 결과 확인 속도를 우선했습니다.

구현

문제 목록과 상세, 코드 작성·제출, 채점 결과와 상태 표시 화면을 구현했습니다. 백엔드 팀과 API 규격을 조율하고 팀원 작업을 분배해 행사 일정에 맞춰 MVP를 완성했습니다.

운영

실제 참가자를 대상으로 테스트한 뒤 혼란 지점을 줄였고, 약 130–150명이 참여한 10문항 규모의 학과 알고리즘 대회에서 한 차례 공식 운영했습니다.

기여 범위

  • 프론트엔드 개발 방향과 사용자 흐름 설계
  • 문제 목록·상세·코드 제출·결과 화면 개발
  • 백엔드 API 규격 조율과 팀원 작업 분배
  • 실사용 테스트 및 대회 운영 중 UI 대응
  • React
  • Figma
  • REST API
  • User Testing
  • Team Lead
이약뭐지의 약 사진 촬영, 약 목록, 복약 관리와 AI 상담 대회 프로토타입 화면

PROJECT EVIDENCE

이약뭐지 실제 화면

이약뭐지의 약 사진 촬영, 약 목록, 복약 관리와 AI 상담 대회 프로토타입 화면

두유톤 2026 발표에 사용한 복약 정보 서비스 프로토타입

두유톤 2026 · 2차 진출 및 시연 발표
04 / 04

이약뭐지

OCR과 공공데이터를 연결한 복약 정보 서비스

백엔드 전체 구현 · 프론트엔드 연동 지원

약 사진 OCR, 공공 의약품 데이터 대조, 복약 일정 관리와 AI 상담을 연결한 대회 프로토타입입니다. Supabase 기반 백엔드를 전체 구현하고 프론트엔드 API 연동을 지원했습니다.

2차 진출
두유톤 2026 · 서비스 시연 발표
4명
프로젝트 팀 규모
Supabase
백엔드 전체 구현
프로젝트 상세 보기

문제

약 이름과 복약 정보를 일반 사용자가 확인하기 어렵고, OCR 결과를 그대로 사용하면 오인식된 정보가 노출될 위험이 있었습니다.

백엔드 구현

Supabase Edge Functions의 Deno·TypeScript 환경에서 Google Cloud Vision OCR 결과를 공공 의약품 데이터와 대조하고 Gemini 상담 API를 연결했습니다. PostgreSQL 기반 약품·복약 일정 데이터와 Supabase Auth·Storage를 구성하고, 복용 기록과 FCM 푸시 알림 연동을 구현했습니다.

시연과 결과

4명 팀으로 두유톤 2026의 2차 평가에 진출해 서비스 시연 발표를 진행했습니다. 발표 중 일부 기능 오류가 있었으며 추가 수상은 없었습니다. 대회 프로젝트로 개발을 마쳤고, 당시 시연 웹사이트는 현재 작동하지 않습니다.

기여 범위

  • Supabase Edge Functions 기반 백엔드 전체 구현과 프론트엔드 API 연동 지원
  • Google Cloud Vision OCR 결과와 공공 의약품 데이터의 대조·매칭 구현
  • 약품 등록, 복약 일정·복용 기록과 FCM 푸시 알림 연동 구현
  • Gemini API 기반 상담 기능과 Supabase Auth·Storage 연동
  • Supabase Edge Functions
  • Deno
  • TypeScript
  • PostgreSQL
  • Google Cloud Vision
  • Gemini API
  • FCM

일하는 방식

프로젝트에서 내린 결정입니다.

  1. 문제 발견

    예약 정보를 먼저 보이도록

    통학버스 이용 불편을 조사해 날짜·노선·좌석을 확인하는 흐름을 재배치한 React 프로토타입을 제작했습니다.

    통학버스 개편 과정 보기
  2. 데이터 설계

    졸업요람을 조회 가능한 데이터로

    이미지·표로 제공되는 졸업요람을 OCR로 추출하고 학점·과목 정보를 정제해 교육과정별 요구사항으로 구조화했습니다.

    SYU CAMPUS 구현 보기
  3. 대회 운영

    문제 탐색·제출·결과 확인에 집중

    제한된 대회 시간에 맞춰 탐색과 제출 흐름을 우선하고, 백엔드 API 규격과 팀원 작업을 조율해 MVP를 완성했습니다.

    IJO 대회 운영 과정 보기

기술과 역량

프로젝트에서 사용한 기술과 역량입니다.

INTERFACE

프론트엔드

정보 구조와 사용자 흐름을 반응형 인터페이스로 구현합니다.

  • React
  • Next.js
  • TypeScript
  • Responsive UI
SERVER

백엔드와 데이터

제품 기능을 안정적으로 연결하는 API와 데이터 구조를 설계합니다.

  • NestJS
  • PostgreSQL
  • Redis
  • Firebase
  • JWT Auth
  • Data Modeling
OPERATIONS

배포와 운영

배포 이후에도 데이터와 서비스가 지속적으로 작동하도록 관리합니다.

  • GitHub Actions
  • Vercel
  • Automation
  • Data Operations
PRODUCT

제품과 UX

사용자의 문제를 조사하고 검증 가능한 제품 흐름으로 바꿉니다.

  • Figma
  • UX Research
  • User Testing
  • Information Architecture

학력과 수상

배운 것을 실제 문제 해결과 성과로 연결했습니다.

컴퓨터공학을 공부하며 프로젝트 리딩, 학술 활동, 사용자 중심의 서비스 개선 경험을 이어왔습니다.

학력

삼육대학교

컴퓨터공학 학사과정

편입학 · 재학

인제대학교

컴퓨터공학

2학년 수료 · 2025년 2학기 C언어 과목 조교

활동

MegaBrain

학술 동아리 멤버 · 팀장(2025 — 2026)

수상

프로젝트가 실제 변화와 인정으로 이어진 기록입니다.
인제대학교 통학버스 예약 시스템 개편 공로로 받은 총장 표창장
인제대학교 총장 표창장 · 2025.11.25

PROJECT EVIDENCE

인제대학교 총장 표창장

인제대학교 통학버스 예약 시스템 개편 공로로 받은 총장 표창장

인제대학교 총장 표창장 · 2025.11.25

인제대학교 총장 표창

통학버스 예약 시스템 개편을 주도하고 사용성과 사용자 경험을 개선한 공로로 수상

컴퓨터공학과 학술제 1위

인제대학교 통학버스 예약 시스템 개편 프로젝트

연락

신입 채용·인턴·협업 제안을 기다립니다.

이메일로 제안 내용을 보내주세요. GitHub에서 코드와 활동을, LinkedIn에서 프로필을 확인할 수 있습니다.