마이스터고 시절부터 실서비스를 운영하며 유저 피드백을 바탕으로 서비스를 개선하는 즐거움을 배웠습니다. 해커톤 대상과 기능경기대회 은메달을 통해 탄탄한 기술력을 입증했으며, 프론트엔드 개발에 국한되지 않고 PM으로서 기획부터 운영까지 리딩하며 프로젝트의 전체 사이클을 경험했습니다. 최근에는 AIDD(AI-Driven Development) 프로세스를 도입하여 개발 생산성을 높이는 등, 기술을 도구 삼아 최선의 가치를 만드는 데 집중하고 있습니다.
보유 기술
Core
TypeScriptReactNext.jsTailwind CSS
상태 관리
React Query (TanStack Query)Zustand
모노레포 & 라이브러리
TurborepopnpmStorybookFramer MotionEmotioni18next
개발 도구 & CI/CD
GitLabGitHubGitHub ActionsClaude CodeCursorFigma MCP
협업
SlackFigmaSwagger UI
연동
Firebase (Auth, GA4, FCM)Airbridge SDKSSESupabase
인프라
VercelRailwayAWS EC2AWS S3CloudFront
테스트
JestVitestReact Testing Library
Projects
총 8개의 프로젝트
개인
2026.01 - 현재Silverbeen 블로그
개인 브랜딩 및 기술 아카이빙을 위한 풀스택 프로젝트입니다. Turborepo 기반 모노레포 구조로 프론트-백엔드 간 타입 공유 및 생산성을 극대화했으며, 이력서/포트폴리오 데이터를 실시간으로 편집할 수 있는 어드민 서비스를 포함합니다. AI 도구(Claude Code)를 개발 프로세스 전반에 이식한 AIDD(AI-Driven Development) 모델을 구축했습니다.
풀스택 개발
Next.jsTypeScriptNestJSPrismaSupabase+3
AIDD 프로세스 도입으로 복잡한 이슈(버그 수정, 신규 기능) 단기간 완결
동아리@ PICK
2020.12 - 2023.01PICK (온라인 출석부)
교내 야간 자율학습 시간에 사용되는 온라인 출석부 서비스입니다. 기존 종이 출석부의 비효율성(분실, 수기 집계 오류)을 개선하여 태블릿과 PC에서 실시간 출석 체크가 가능합니다. 2년간 교내 선생님들이 실제로 사용하며 지속적으로 피드백을 반영해 개선했습니다.
프론트엔드 개발5명
ReactTypeScriptRecoilReact-Query
2년간 교내 선생님들 실서비스 사용
상세보기
동아리@ DMS
2021.02 - 2021.10PMS (학부모 자녀 관리 서비스)
학부모들이 기숙사를 이용하는 자녀의 학교 정보를 쉽게 확인할 수 있도록 개발한 서비스입니다. 학교 공지사항, 행사 일정, 자녀의 기숙사 상벌점/외출 내역, 취업처/동아리 정보를 제공하여 학부모와 학교 간의 소통을 돕습니다. 2021 소프트웨이브 전시회에서 DMS와 함께 전시 및 발표했습니다.
프론트엔드 개발8명
JavaScriptReactStyled-ComponentsSWR
2021 소프트웨이브 전시회 전시 및 발표
상세보기
개인
2022.03 - 2022.05SMail
메일 작성이 어려운 사람들을 위한 메일 문구 추천 서비스입니다. '첫 문장을 어떻게 시작해야 할지 모르겠다'는 고민에서 시작되었습니다. 카테고리별 문구 추천, 나만의 메일 템플릿 저장, 비즈니스 메일 작성 가이드를 제공하여 누구나 쉽게 메일을 작성할 수 있도록 돕습니다.
풀스택 개발
TypeScriptNext.jsEmotionReact-QueryNest.js+2
Firebase 호스팅 + GCP 서버 조합으로 실서비스 배포
상세보기
팀
2022.03 - 2022.06XD (AI 모의 면접)
마이스터고 학생들의 취업 성공을 돕기 위한 AI 모의 면접 서비스입니다. TTS/STT 및 미디어 녹화 기술을 활용하여 실전과 유사한 면접 환경을 제공합니다.
풀스택 개발4명
Next.jsReact-QueryKakao TTSMediaRecorder APINest.js+2
TTS/STT 및 영상 녹화 기술을 결합한 고도화된 인터랙션 구현
상세보기
팀
2022.02마이스터고 모의 면접 서비스
7th HighThon 해커톤 대상 수상작입니다. '취업 성공할 수 있는 학교'를 주제로 마이스터고/특성화고 학생들이 면접 질문을 공유하고 TTS, STT 기술로 모의 면접을 볼 수 있는 서비스를 개발했습니다.
기획/프론트엔드 리드4명
ReactTypeScriptTTSSTT
7th HighThon 해커톤 대상 수상
상세보기
팀
2021.11소상공인 악성 리뷰 솔루션
소상공인들이 겪는 악성 리뷰 피해를 최소화하기 위해 감정 분석 및 대응 가이드를 제공하는 솔루션입니다. 사회적 문제를 기술로 해결하고자 기획되었습니다.
PM / 프론트엔드 개발5명
ReactTypeScript
2021 SW 마이스터고 연합 해커톤 인기상 수상
상세보기
Awards
7th HighThon 해커톤
대상2022.02
마이스터고 모의 면접 서비스 'EASY' 개발
2021 SW 마이스터고 연합 해커톤
인기상2021.11
소상공인 악성 리뷰 대응 솔루션 기획 및 개발
지방기능경기대회 웹디자인 및 개발
은메달2021.04
제56회 전국기능경기대회 웹디자인 및 개발
참가2021.10
Clubs
DMS (교내 기숙사 관리 시스템)
2020.06 - 2023.01
전교생이 사용하는 기숙사 생활 관리 시스템을 웹, 안드로이드, iOS 플랫폼으로 개발 및 유지보수했습니다. 실사용자가 있는 환경에서 서비스 안정성을 유지하는 경험을 쌓았습니다.
주요 활동
- PMS(학부모 자녀 관리 서비스) 프론트엔드 개발
- 기숙사 관리 시스템 프론트엔드 아키텍처 개선 및 유지보수
- 2021 소프트웨이브 전시회 참가 및 서비스 기술 발표
PICK (교내 온라인 출석부)
2020.12 - 2023.01
기존 수기 출석부의 불편함을 해결하기 위해 개발된 실시간 온라인 출석 관리 서비스입니다. 교내 교사들이 실제 업무에 사용하는 프로덕션 환경을 경험했습니다.
주요 활동
- 태블릿 환경에 최적화된 웹뷰 개발 및 터치 UX 최적화
- PICK V2 개발 (캘린더 라이브러리 커스텀 및 일정 관리 기능 추가)
- 현장 피드백을 반영한 실무 밀착형 UI/UX 개선
프론트엔드 개발
Pear (교내 프로젝트 보고서 관리)
2021.03 - 2023.01
교내 프로젝트 보고서의 디지털 아카이빙을 위한 관리 서비스입니다. 수기 관리의 번거로움을 자동화하여 데이터 접근성을 높였습니다.
주요 활동
- 프로젝트 보고서 등록/조회/관리 통합 UI 개발
- 효율적인 데이터 탐색을 위한 검색 및 다중 필터링 시스템 구현
- 교내 전 교직원 및 학생 대상 실서비스 배포
Activities
WOOWACON 2025 컨퍼런스 참여
AI 기반 개발 생산성 변화 및 디자인 시스템 자동화 세션 참여
NHN Forward 컨퍼런스 참여
성능 최적화 및 MSA 아키텍처 등 프론트엔드 최신 동향 학습
SW 품질 전문가 양성과정 수료
ISTQB 기반 SW 테스팅 및 품질 관리 기초 교육
2021 소프트웨이브 전공동아리 프로젝트 전시
DMS(기숙사 관리), PMS(학부모 서비스) 프로젝트 전시 및 발표
학력
서울과학기술대학교
자유전공 · 2026.03(입학예정)
University of California, Irvine
Individualized Study Program - English Language & TEFL Programs · 2025.07 - 2025.08
대덕소프트웨어마이스터고등학교
소프트웨어개발과 · 2020.03 - 2023.02
Certifications
정보기기운용기능사
2022.06
정보처리기능사
2021.05
웹디자인기능사
2021.04