GitHub ↗
THINGS I’VE BUILT

아이디어를 현실로.

웹사이트, 서비스, 그리고 작은 실험들. 직접 만들어온 작업을 소개합니다.

17개의 프로젝트

체감온도 서비스 로그인 화면
17 / 현장 안전 · 기록 관리

체감온도 서비스↗

현장에 설치된 백엽상의 PLC와 통신해 기상 데이터를 수집·표시하는 체감온도 서비스입니다. 고용노동부 폭염 대비 지침에 따른 기록 보관과 혹서기·혹한기 현장 안전 관리를 위해 개발했습니다.

PHPJavaScriptjQuerySCSSChart.jsMySQLSQL DBMSPLC기상청 API관리자 시스템SMSCrontab백엽상PLC 통신LS XGT현장 데이터 수집WebAuthn생체 인증Passkeyopen api
더원에코파워텍 홈페이지 로컬 실행 화면
16 / 기업 홈페이지

더원에코파워텍 기업 홈페이지·CMS↗

의뢰받아 제작한 전력 설비 기업 홈페이지와 관리자 CMS. 제품·설비·사업분야·납품·자료실·문의 관리와 리치 텍스트 편집을 Next.js·TypeScript·MySQL로 구현했습니다.

의뢰 제작Next.jsReactTypeScriptMySQLSQLCMSTiptapZodDBMSDB 설계TomcatWindows Server자체 서버 구축포트포워딩AI-assisted DevelopmentCodex
김포새희망교회 gnhc.kr 실제 운영 홈페이지
15 / 실서비스2026

김포새희망교회↗

최근 의뢰받아 제작한 교회 홈페이지·관리자 CMS. 설교·소식·갤러리 CRUD, 에디터와 사진 업로드·대표 이미지 관리 기능을 구현했습니다.

의뢰 제작실서비스CMSNext.jsReactTypeScriptFirebaseFirestoreNoSQLStorageCSS ModulesDBMSDB 설계Cloud FirestoreAI-assisted DevelopmentCodex
작은건축쟁이 운영 사이트의 SMALL BUILDER · BIG IMPACT 메인 화면
14 / 실서비스2026

작은건축쟁이↗

의뢰 제작 후 유지보수 중인 건축 업체 홈페이지·관리자 CMS. 시공 사례 CRUD, 사진 업로드, 본문 편집과 공지 팝업 노출 관리를 구현했습니다.

의뢰 제작유지보수CMS실서비스Next.jsReactJavaScriptFirebaseFirestoreNoSQLStorageDBMSDB 설계Cloud FirestoreAI-assisted DevelopmentCodex
13 / 웹사이트2026

SRY Pages↗

만든 것을 모으고, 배운 것을 기록하는 나만의 웹 공간.

Next.jsJavaScriptFirebaseNoSQLVercelDBMSDB 설계Cloud FirestoreAI-assisted DevelopmentCodex
오픈 한글 에디터의 새 문서·기존 문서 열기 시작 화면
12 / 개인 도구 · 테스트

HWP 웹 에디터↗

맥북·윈도우를 새로 설치할 때 한글을 다시 설치하는 번거로움에서 시작한 개인용 테스트 도구. rhwp 오픈소스를 활용해 브라우저에서 HWP/HWPX 열기와 기본 사용 흐름을 구성했습니다.

개인 프로젝트오픈소스 활용ReactTypeScriptViteHWPHWPXWebAssemblyAI-assisted DevelopmentCodex
활선안전경보기 Vite 디자인 개편 상황판 실행 화면 · 데모 데이터
11 / 데스크톱 · 장치 모니터링

활선안전경보기 모니터링↗

Python BLE 수집·SQLite 저장·PyQt5 모니터링 프로그램에 Vite·React·TypeScript 기반 디자인 개편 화면을 구성한 프로젝트. 상황판·상세정보·기준설정과 상태 시나리오를 제공합니다.

ViteReactTypeScriptPythonPyQt5BLEBleakSQLiteMatplotlibNumPySQLasyncio모니터링DBMSDB 설계
수박게임 학습용 클론의 실제 플레이 화면 · 원형 물체와 점수 345
10 / 웹 게임2024–2025

수박 게임 클론↗

한창 유행하던 수박게임이 어떻게 만들어졌는지 배우려고 만든 학습용 클론. JavaScript·Matter.js로 입력, 낙하, 충돌·병합과 점수 처리 흐름을 살펴봤습니다.

JavaScriptMatter.jsVite학습 프로젝트게임 클론
엘림 클립메이커 프론트엔드 임시 복사본의 실제 소개 화면
09 / 클립 제작 서비스

엘림 · 클립메이커↗

FFmpeg와 OpenAI를 활용해 긴 영상을 숏폼으로 변환하고, 간단한 영상 편집과 자막 기능을 구현한 서비스입니다.

시온 소프트웨어프리랜서Next.jsNode.jsAWSEC2MariaDBDBMSDB 설계GitPM2FFmpegOpenAIRDBS3AWS AmplifyAmazon Route 53NginxREST API
QT 프론트엔드 임시 복사본의 실제 소개 화면
08 / 교회 서비스

엘림 · QT 및 교회 서비스↗

묵상 콘텐츠와 교회 운영 기능을 제공하는 서비스 개발 참여.

시온 소프트웨어프리랜서Next.jsNode.jsMariaDBSQL DBMSDB 설계AWSEC2Amazon Route 53S3GitLabPM2AWS AmplifyNginxREST APIDBMS
Folio 교사용 독서 활동 결과 화면 · 가상 학생과 테스트 데이터
07 / 학습 관리 플랫폼

뮤엠 Folio↗

학습 데이터·DB 설계와 백엔드 전반 구축, 학습 점수 통계 및 학부모 전달 데이터 설계를 담당한 교육 플랫폼입니다.

시온 소프트웨어프리랜서Next.jsNode.jsMariaDBSQL DBMSDB 설계FFmpegAWSEC2Amazon Route 53S3GitLabPM2AWS AmplifyNginxREST APIDBMSSocket.IO
프리것버드 포트폴리오에 공개된 미드조선 대표 이미지
06 / 게임 웹서비스

미드조선 (Mid Joseon)↗

DB 유실 상황에서 구형 PHP 코드의 구조를 분석해 관리자·GM·홈페이지 DB와 API를 재구축했습니다. Node.js·Express·Next.js 전면 재구축 과정에서 백엔드 전체와 프론트엔드 일부를 담당했습니다.

프리것버드게임 웹서비스Toss PaymentsNode.jsExpressNext.jsDB 설계DBMSMariaDBREST APIAWSEC2Amazon Route 53S3GitPM2AWS AmplifyNginx
뮤엠링크 모바일 영어 학습 화면
05 / 교육 플랫폼

뮤엠링크 (Mu Link)↗

영어 학습 서비스 및 교육 관리 플랫폼 개발 참여.

프리것버드교육 플랫폼
온리버디 쇼핑몰의 상품·이벤트 화면
04 / 커머스

온리버디 (OnlyBuddy)↗

반려동물 커머스 및 운영 관리자 시스템 개발 참여.

프리것버드커머스
Django 쇼핑몰 실제 로컬 실행 상품 목록 · 시연 데이터
03 / 웹 애플리케이션2022–2023

Django 쇼핑몰↗

상품 탐색·옵션별 장바구니·주문과 PayPal 결제 연동을 구성한 Django 쇼핑몰 학습 프로젝트. MariaDB·ORM 기반 데이터 관리와 리뷰 기능을 구현했습니다.

PythonDjangoBootstrapMariaDBSQLPayPalDBMSDB 설계
RESEARCH INTO SOFTWAREAAC / 퍼즐톡연구 · 논문 · AAC
02 / 모바일 애플리케이션

AAC / 퍼즐톡↗

그림과 시각적 요소로 의사를 표현하도록 돕는 AAC 모바일 애플리케이션. 의사소통 지원 연구를 서비스 기획과 모바일 UI 구현, 사용자 테스트로 연결했습니다.

연구논문AACMobile ApplicationUI/UX사용자 테스트TTSSQLiteSQLDBMSAndroidiOS앱 개발
RESEARCH INTO SOFTWAREScanTmen 해양유류사고조사시스템연구 · 논문 · 교환학생
01 / 모바일·웹 시스템

ScanTmen 해양유류사고조사시스템↗

스마트기기에서 현장 사고 정보를 수집하고 Web Service를 통해 서버로 전달·관리하는 시스템. 핀란드 오울루에서 6개월간 교환학생으로 수업을 들으며 진행한 인턴십 프로젝트입니다.

연구논문교환학생인턴십Web ServiceAndroidiOSWeb ApplicationIISMySQLDBMSDB 설계