서상혁 · PRODUCT ENGINEER / FULL-STACK ENGINEER

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

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

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

경력

스타트업 정규직으로 SaaS 백엔드와 관리자 시스템을 구축했습니다.

IOIO 개발팀에서 오이소 SaaS MVP의 서버, 데이터 구조, 인증과 운영 도구를 담당했습니다.

개발팀 · 정규직

아이오아이오(IOIO)

오이소

서버 개발자

수의사와 농가를 연결하는 SaaS 제품의 백엔드와 관리자 시스템 MVP를 개발했습니다. 사용자 기능뿐 아니라 운영자가 데이터를 직접 조회·등록·수정할 수 있는 관리 도구까지 함께 구현했습니다.

담당 업무

  • 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 점검 항목도 개선했습니다.

공식 개편 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
이약뭐지의 약 사진 촬영, OCR 인식, 약 선택, 복약 목록과 AI 상담 프로토타입 화면

PROJECT EVIDENCE

이약뭐지 실제 화면

이약뭐지의 약 사진 촬영, OCR 인식, 약 선택, 복약 목록과 AI 상담 프로토타입 화면

촬영, OCR 인식, 약 선택, 복약 관리와 AI 상담을 연결한 프로토타입

두유톤 2026 · 2차 진출
04 / 04

이약뭐지

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

개발 총괄 · 기술 방향 설계

OCR 인식부터 공공 의약품 데이터 대조, 약 선택·등록, 복약 일정 관리와 AI 상담까지 하나의 시연 가능한 제품 흐름으로 구현했습니다.

2차 진출
두유톤 2026 시연 발표
4명
처음 구성된 팀의 개발 총괄
End-to-end
OCR부터 AI 상담까지 구현
프로젝트 상세 보기

문제

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

선택

자체 OCR 파인튜닝과 외부 API를 개발 속도, 품질, 후속 데이터 연계 기준으로 비교해 외부 OCR API를 선택했습니다. 인식 결과는 공공 의약품 데이터와 대조·필터링하도록 구현했습니다.

구현과 회고

OCR 인식, 의약품 조회, 약 선택·등록, 복약 일정 관리와 AI 상담까지 시연했습니다. DB에 없는 약물은 외부 API로 조회 후 적재하는 Cache-Aside 흐름을 구성했고, 의료 정보의 법적·안전 리스크 검토는 후속 과제로 남겼습니다.

기여 범위

  • 처음 만난 팀원 3명의 강점과 희망을 반영한 역할 배분
  • OCR부터 의약품 조회, 복약 관리와 챗봇까지 이어지는 흐름 구현
  • 자체 모델과 외부 API의 대안 비교 및 기술 방향 결정
  • 공공데이터 대조를 통한 OCR 결과 보완 방식 구현
  • External OCR
  • Public Data API
  • Cache-Aside
  • AI Chatbot
  • Tech Lead

일하는 방식

제품을 만드는 세 가지 기준이 있습니다.

사용자에게서 출발하고, 화면과 서버를 연결하며, 배포 이후까지 책임지는 방식으로 일합니다.

  1. 문제 발견

    사용자에게서 시작합니다

    사용자의 반복 행동과 제안을 확인하고, 배포한 기능을 다시 검증합니다.

  2. 시스템 설계

    전체 흐름을 설계합니다

    화면, API, 데이터와 실패 범위를 하나의 서비스 흐름으로 연결합니다.

  3. 운영 개선

    운영까지 책임집니다

    오류를 고치는 데서 멈추지 않고 가정과 협업 방식까지 수정합니다.

사용자 피드백이 다시 문제 발견으로 돌아갑니다.

기술과 역량

기술을 나열하기보다, 제품 안에서 연결해 사용합니다.

화면, 서버, 데이터, 운영과 사용자 경험을 하나의 제품 흐름으로 바라봅니다.

INTERFACE

프론트엔드

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

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

백엔드와 데이터

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

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

배포와 운영

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

  • GitHub Actions
  • Vercel
  • Automation
  • Data Operations
PRODUCT

제품과 UX

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

  • Figma
  • UX Research
  • User Testing
  • Information Architecture

학력과 수상

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

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

학력

삼육대학교

컴퓨터공학 학사

편입학

인제대학교

컴퓨터공학

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

활동

수상

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

PROJECT EVIDENCE

인제대학교 총장 표창장

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

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

인제대학교 총장 표창

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

Received the President's Award for leading the revamp of the university shuttle bus reservation system, significantly improving usability and user experience.

컴퓨터공학과 학술제 1위

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

연락

제품의 문제부터 운영까지 함께 이야기할 수 있습니다.

프론트엔드와 백엔드를 연결한 구현, 실제 서비스 운영, 사용자 피드백을 제품 개선으로 바꾼 경험을 중심으로 대화하고 싶습니다.