개인 프로젝트

2026.05~진행 중•개인 / Nuxt 커뮤니티 사이트•2026.05.31~

신길교회 야구 선교단의 경기 기록과 운영 콘텐츠를 통합 관리하는 Nuxt 3 기반 공식 홈페이지입니다. 소개 / 기록 / 경기 / 선수 / MVP / 영상 / 소식 / 문의 정보 구조를 설계하고, 게임원 HTML을 JSON으로 변환하는 자동화 파이프라인을 구축해 별도 서버 없이도 효율적으로 운영할 수 있도록 구현했습니다.

• Nuxt 3
• Vue 3
• TypeScript
• SCSS
• Pinia
• Node.js

진행 중•개인 / Nuxt 클론 서비스•2026.05.24~

Flighty의 비행 기록 경험을 분석하고 국내 사용자 환경에 맞게 재설계한 Nuxt 3 기반 서비스 데모입니다. 정보 구조와 핵심 사용 흐름을 검토한 뒤 다국어 지원, 모바일 사용성, 기체 데이터 확장 가능성을 반영해 서비스 구조를 설계했습니다.

• Nuxt 3
• Vue 3
• TypeScript
• SCSS
• Pinia
• Figma

약 2개월•개인 / Nuxt 포트폴리오•2026

실무 경험과 프론트엔드 역량을 일관된 기준으로 전달하기 위해 구축한 Nuxt 3 기반 포트폴리오입니다. 시맨틱 HTML과 SCSS를 기반으로 Vue 컴포넌트, 상태 관리, 다국어 콘텐츠 구조를 적용해 정보 확장과 유지보수가 용이하도록 설계했습니다.

• HTML5
• SCSS
• Nuxt 3
• Vue 3
• TypeScript

약 8개월•개인 / Vue 클론 코딩•2025.09.27~2026.05.23

카카오톡의 주요 사용자 흐름을 Vue 3 기반 SPA로 재구현한 프로젝트입니다. 채팅 / 친구 / 설정 화면을 라우트와 컴포넌트 단위로 분리하고, 공통 UI와 배포 환경을 체계화해 기능 확장과 유지보수를 고려한 구조로 구현했습니다.

• Vue 3
• Vue Router 4
• Vite 6
• SCSS
• JavaScript

약 1개월•개인 / HTML 포트폴리오•2025

프로필과 프로젝트 정보를 한 화면에서 효과적으로 전달하도록 제작한 정적 HTML 기반 포트폴리오입니다. 반응형 레이아웃, 다크 모드, 슬라이드와 모달 인터랙션을 적용하고 정적 자산만으로 배포 가능한 구조를 구성했습니다.

• HTML
• SCSS
• JavaScript
• jQuery

약 4주•팀 / 방학 / 캡스톤 (모바일 웹)•2025.01.04~2025.01.30

한국공학대학교 방학 / 캡스톤 팀 프로젝트로 만든 기숙사 룸메이트 매칭 모바일 웹입니다. 랜덤 배정이나 지인 추천 대신 생활 습관 / 성향 조건을 입력해 맞는 상대를 찾도록 설계했습니다. 소스와 배포는 team-matemate/matemate 저장소와 Firebase에서 관리했습니다.

• HTML
• SCSS
• JavaScript
• Firebase
• Figma

구축 약 1주 / 운영 및 고도화 약 2개월•개인 / 모바일 웹 서비스•2024.05.16~2024.07.21

한국공학대학교 학생을 대상으로 한 블라인드 매칭 웹 서비스입니다. 코로나19 이후 줄어든 학생 간 교류를 다시 만들기 위해 성향 / 관심사 기반 연결 흐름을 설계했습니다. intro, 가입, 프로필, 매칭, 결과 화면을 정적 HTML로 관리하고 GitHub Pages에 배포했습니다.

• HTML
• SCSS
• JavaScript
• Figma

약 2개월•아카이브 / 기업 홈페이지•2022.01.03~2022.03.04

2025 포트폴리오에 수록했던 조앤소프트 홈페이지 리뉴얼 아카이브입니다. 단조로운 정보 구성과 낮은 신뢰감을 개선하기 위해 레퍼런스 조사, 콘텐츠 구성, 퍼블리싱, SEO / 오픈그래프 관리를 함께 맡았습니다.

• HTML
• CSS
• jQuery
• Figma