Archive · Selected Works

Projects

팀·보안·개인까지 기획에서 운영·배포까지 이어진 작업을 한곳에 모았습니다.
슬라이더가 아닌 아카이브처럼, 끝까지 구현하고 고친 흐름을 카드로 펼칩니다.

10 Works
05 Team
02 Network & Security
05 Solo
Team

밥세권 웹서비스 구축

지역 기반 재고 최적화를 목표로 한 웹 서비스에서 주문·결제·데이터 흐름을 중심으로 백엔드 핵심과 관리자 전체 기능 담당
기획, 화면 설계(Figma, 퍼블리싱), 문서화(ERD, 기능명세서), 데이터베이스, 백엔드(JSP/Servlet) 전 영역을 함께 진행했습니다.

JavaJSP / ServletToss PaymentsKakao MapOracle
프로젝트 상세
Team · Lead

대학 인프라 모의 구축 (YIT · SUN)

가상 대학 환경을 가정하고 네트워크·서버·보안 인프라를 단계적으로 설계·검증한 팀 프로젝트입니다. 팀장으로서 역설계·GNS3·문서화를 맡았습니다.

GNS3Rocky LinuxDNS / NATPacket Tracer
프로젝트 상세
Security · 6인 팀

침해사고 대응 기반 인프라·보호체계 강화

6인 팀으로 밥세권 서비스를 대상으로 웹·서버 취약점을 점검하고, DB 이중화·백업·HQ/BR 분리 등 인프라 보강까지 수행한 보안 컨설팅 프로젝트입니다.

6인 팀KaliBurpOWASPMariaDBRocky Linux
프로젝트 상세
Personal

GetOh! 유실물 찾기 서비스

분실물 등록·조회를 단순화하고 웹·모바일을 함께 고려해 설계한 개인 프로젝트입니다. Spring Boot API와 React, 안드로이드 연계를 전제로 구현 중입니다.

Spring BootReactAndroid
프로젝트 상세
Personal

Bookmarker — 개인 웹 링크 관리

로그인 기반으로 북마크를 안전하게 CRUD하고, CSRF·세션 등 기본 보안을 적용한 뒤 PHP 호스팅에 배포한 개인 서비스입니다.

PHPHTML/CSSDothome
서비스 링크 프로젝트 상세
Personal

FortuneBear — 운세·선택 결정 서비스

OpenAI API와 Supabase를 활용한 소규모 웹 서비스로, 카드형 UI와 서버 측 랜덤 결정 구조로 가벼운 운세·선택 경험을 구현했습니다.

Node.jsExpressOpenAISupabase
서비스 링크 프로젝트 상세
Personal

FutureBox — 디지털 타임캡슐

날짜 기반 잠금·해제와 사용자별 캡슐 분리, 스케줄 공개를 설계한 타임캡슐 웹 플랫폼입니다. Supabase와 TypeScript API로 확장 가능한 구조를 지향했습니다.

Node.jsExpressTypeScriptSupabase
서비스 링크 프로젝트 상세
Personal

CustomQR — 맞춤 3D QR 생성기

브라우저에서 밀집형 QR 코드를 만들고 Three.js(react-three-fiber)로 3D 블록 프리뷰를 본 뒤, 스캔 가능한 2D PNG로 내보내는 프론트엔드 중심 개인 프로젝트입니다.

ViteReactThree · R3Fqrcode-generator
서비스 링크 GitHub 저장소
Team · KIT · FE 담당

QuizAI — KIT 공모전 출품

차세대 교육 플랫폼이라는 주제로, 기획·프론트엔드·백엔드로 역할을 나눈 3인 팀이 7일간 진행한 KIT 공모전 출품 작업입니다. 저는 프론트엔드를 맡아 Next.js·TypeScript·Tailwind로 화면·API 연동을 구축했고, Vercel 데모와 GitHub 레포로 결과를 공유합니다.

3인 팀7일Next.jsTypeScriptTailwindTanStack Query
데모 보기 GitHub
Planning

HALO (안녕)

쑥스러운 첫 마디부터 정서적 연결까지—스토리·미션·기록을 설계하는 부모 자녀 소통 서비스를 기획 중인 UMC Plan 프로젝트입니다. 구현 전 단계이며, 팀 모집은 리크루팅 페이지에서 진행합니다.

UMC Plan서사 · UX리크루팅
기획 리크루팅 페이지