Project

만들면서 배운 것들을 모아둡니다. 팀으로 만든 것과 혼자 만든 것을 나눠 두었습니다.

팀 프로젝트

터움 메인 화면

터움 (Teoum)

한옥마을·고택·전통 체험을 탐색하고 AI가 짜주는 맞춤 코스로 여정을 계획하는 플랫폼. 한국관광공사 TourAPI 실데이터 기반, Cloudflare Functions 프록시로 API 키 보호와 엣지 캐시를 구현했습니다.

ReactViteFirebaseCloudflare PagesTourAPIOpenAI
2026.09
모보까 메인 화면
최우수상 2025 한동대학교 SW 페스티벌 SW 전공부문

모보까 (MOBOGGA)

한동대학교 동아리의 공연 홍보와 예매를 한곳에서 해결하는 플랫폼. 13기 해커톤에서 시작해 실제 운영까지 이어졌습니다.

ReactZustandJavaScript
2025.04 ~ 2026.01 · 프론트엔드
잡어드림 메인 화면
대상 구글 후원 AI커리어스쿨 LAUNCH 창업톤

잡어드림 (Jabeodream)

어민이 혼획물 영상을 올리면 Vision AI가 어종과 수량을 분류하고, 기업이 바로 입찰·매칭할 수 있는 ESG 플랫폼.

ReactTypeScriptstyled-componentsVite
2025.07 ~ 2025.08 · 프론트엔드 (6인 팀)
FarmSign 메인 화면
대상 한동대학교 산학협력단 주관 경북 X AI 문제해결 해커톤

FarmSign

사과를 언제 내보내야 가장 잘 팔리는지 AI가 알려주는 플랫폼. 저장고 상태부터 시장 시세 예측까지 한 화면에서 봅니다.

TypeScriptPythonML
2026.07 ~ 2026.08 · 멋쟁이사자처럼 14기
물어볼래 메인 화면

물어볼래

기관의 엑셀·CSV 수질 데이터를 표준 용어로 정리하고, 질문 한 줄로 기준치 비교와 근거 출처까지 확인하는 분석 도구.

Vue 3TypeScriptDeno
2026.08 · 멋쟁이사자처럼 14기
비상 메인 화면

비상 (BiSang)

뇌파로 측정하는 명상. 명상이 실제로 되고 있는지를 EEG로 재서 보여주는 HCI 프로젝트입니다.

TypeScriptPythonEEG
2026.04 ~ 2026.05 · HCI 수업 팀 프로젝트
BrainRacing 타이틀 화면

BrainRacing

뇌파로 조종하는 2D 레이싱 게임. 눈을 깜빡일 때 뇌파가 튀는 것을 잡아내, 코너 구간에서 그 신호로 차를 꺾습니다.

UnityC#EEGLSL
2025.07 · 뇌파 입력 구현
Hancar 로고

한카 (Hancar)

한동대학교 학생들을 위한 카풀 서비스. 카풀을 만들고 찾는 것부터 탑승자끼리 나누는 채팅까지 앱 안에서 해결합니다.

SwiftUIKitFirebase
2025.11 ~ 2025.12 · iOS 앱
여러시 메인 화면

여러시 (Sharing)

기관이 "이 물건이 이만큼 필요해요"를 먼저 올리면, 개인이 사진 한 장으로 그 목표를 나눠 채우는 현물 나눔 매칭. 한 기관이 싹쓸이해 가던 게시판 방식을 크라우드펀딩식 구조로 뒤집었습니다.

Next.jsTypeScriptFirebaseGemini API
2026.08 · 6인 팀
GOD 메인 화면
프로토타입

GOD (Growth Optimization Device)

포항 YMCA와 함께 학업위기청소년을 위해 만든 생활밀착형 동반 플랫폼. 일상의 목표를 퀘스트로 만들어 함께 달성해 나가는 구조로 설계했습니다. 프로토타입 제작을 맡았습니다.

ReactJavaScript
2024.12 ~ 2025.05 · 포항 YMCA

외주

스토릿 메인 화면

스토릿 (Storit)

웹툰 퀴즈를 풀고 쿠키를 모아 리워드로 바꾸는 플랫폼. 퀴즈 → 굽기 → 교환까지의 흐름을 화면으로 설계했습니다.

HTMLCSSJavaScript
2026.07 ~ 2026.08
PL2 Creative Studio 화면

PL2 Creative Studio

디자인·모션 스튜디오 소개 사이트. 타이포그래피를 크게 쓰는 레이아웃을 만들어 봤습니다.

HTMLCSSJavaScript
2026.09

개인 프로젝트

철학자의 질문 화면

철학자의 질문

철학자 한 명씩, 질문 하나씩 읽어가는 철학 학습 모바일 웹. 탈레스부터 시작해 각 철학자의 핵심 질문을 따라가며 철학사를 흐름으로 익힙니다.

HTMLCSSJavaScript
2026.10
교회사 퀴즈 화면

교회사 퀴즈

초대교회부터 한국 교회까지, 배경 이야기를 읽고 "왜?"를 묻는 4지선다 학습 앱. 초대교회·교파 분열 2개 코스 36장면, 진도는 기기에 저장됩니다.

HTMLCSSJavaScript
2026.10
고난도 상식 퀴즈 화면

고난도 상식 퀴즈

현상 설명을 읽고 정확한 개념의 이름을 고르는 퀴즈. 심리학·철학·과학 분야에서 출처 원문으로 검증된 문제만 수록합니다.

Next.jsTypeScriptSupabase
2026.10
원문 — 성경 원어 검색 화면

원문 — 성경 원어 검색

성경 66권 원문·발음, 책/장/절 탐색, 원어 용례 검색을 제공하는 사이트. 히브리어·헬라어 사전과 Cloudflare Workers + OpenAI를 연결한 자동 의미 풀이가 포함됩니다.

HTMLCSSJavaScriptCloudflare WorkersOpenAI
2026.10
검수확인서 만들기 화면

검수확인서 만들기

초기창업패키지 [붙임4] 검수확인서를 내용·증빙사진만 넣으면 원본 한글(.hwpx) 파일로 바로 만들어 주는 웹 도구. 입력 내용은 브라우저 밖으로 나가지 않습니다.

HTMLCSSJavaScripthwpx
2026.10
로지스틱 성장 인터랙티브 시각화 화면

로지스틱 성장 인터랙티브 시각화

로지스틱 성장 + 수확 모델의 2차 곡선과 분기(bifurcation)를 슬라이더로 탐색하는 시각화 도구. 의존성 없는 단일 HTML 파일로 동작합니다.

HTMLCanvas수학
2026.10
히즈넷 모바일 설치 안내 화면

히즈넷 모바일

모바일 페이지가 없는 한동대 히즈넷의 공지를 읽기 편한 목록으로 다시 그려주는 북마클릿. 로그인한 화면 안에서 돌아가 비밀번호를 묻지 않고, 설치할 앱도 없습니다.

JavaScript북마클릿WebExtension
2025.12 ~ 2026.09
깨진 파일 이름이 한글로 복구되는 모습

히즈넷 첨부파일 이름 복구

히즈넷에서 받은 첨부파일의 깨진 한글 이름을 저장되는 순간에 되돌리는 브라우저 확장. 원본 응답 헤더를 가로채 EUC-KR을 직접 읽습니다. 크로미움과 파이어폭스를 모두 지원합니다.

JavaScriptWebExtension인코딩
2026.05 ~ 2026.09
MindWave 대시보드 화면

MindWave 뇌파 대시보드

NeuroSky MindWave 헤드셋의 뇌파를 브라우저에서 실시간으로 그립니다. Web Serial API를 써서 드라이버도 전용 프로그램도 없이 기기와 직접 통신합니다.

JavaScriptWeb Serial API
2026.04
경제의 숲 메인 화면
선정 2026 이노테크 지원사업

경제의 숲

레벨 테스트로 티어를 정하고 매일 퀴즈를 푸는 경제 학습 플랫폼. 브론즈부터 챌린저까지의 승급, 대결, 그룹 랭킹이 있습니다.

HTMLCSSJavaScript
2026.05 ~ 2026.06
업무유형검사 메인 화면

업무유형검사 (DISC)

나의 업무 스타일을 파악하고 팀원들과 더 효과적으로 협업하는 방법을 알아보는 검사입니다.

JavaScriptVite
2025.12 ~ 2026.01

회사 (Zcell)

Zcell 웹사이트 메인 화면

Zcell 웹사이트

도시 환경 데이터를 다루는 Zcell의 공식 웹사이트. 한국어·영어 페이지를 함께 관리합니다.

HTMLCSS다국어
2026.08

토이 프로젝트

triptrip 화면

triptrip

가고 싶은 장소를 검색해서 나만의 지도에 모아두는 웹앱.

TypeScript지도 API
2025.12
헬스 운동 루틴 화면

헬스 운동 루틴

아파트 헬스장에서 쓰는 초보자용 운동 루틴표. 관절에 무리가 덜 가는 구성으로 만들었습니다.

HTMLCSSJavaScript
2026.08

도구 · 스크립트

  • Google Drive 소유권 일괄 이전 내 소유 파일·폴더를 같은 Workspace의 다른 계정으로 한 번에 넘기는 스크립트. 관리자 권한도, 상대방 수락도 필요 없습니다. Python · Drive API v3
  • 네이버웍스 뉴스봇 RSS를 읽어 네이버웍스로 뉴스를 보내주는 봇. Python