개인 프로젝트

약 2개월 (지속 개선)•개인 / Nuxt 포트폴리오•2026

현재 운영 중인 2026 개인 포트폴리오입니다. 실무 프로젝트와 개인 작업을 분리해 보여주는 갤러리 구조, 다국어 콘텐츠, 라이트/다크 테마, 디자인 토큰 정리 페이지까지 하나의 Nuxt 기반 포트폴리오 시스템으로 설계했습니다. 화면을 예쁘게 보여주는 것에서 끝나지 않고, 이후 작업을 계속 추가하고 관리할 수 있는 구조를 목표로 만들었습니다.

• Nuxt 3
• Vue 3
• TypeScript
• SCSS

약 8개월 (지속 개선)•개인 / Vue 클론 코딩•2025.09.27~2026.05.23

새로운 개발 언어 학습을 위해 기획·디자인이 완료된 카카오톡 UI를 Vue 3로 클론 코딩한 개인 프로젝트입니다. 채팅·친구·설정 등 주요 화면 흐름을 컴포넌트 단위로 나누고, GitHub Pages base path(`/cloneKakaoTalk/`) 배포까지 포함해 실서비스에 가까운 프론트엔드 구조를 연습했습니다.

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

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

2025년에 제작한 정적 HTML 기반 포트폴리오입니다. 자기소개, 프로젝트 소개, 다크 모드, 캔버스 모션을 하나의 페이지 흐름으로 구성해 당시 퍼블리싱 역량과 화면 구성 방식을 기록했습니다.

• HTML
• SCSS
• JavaScript
• jQuery

약 4주 (GitHub 집중 개발)•팀 / 방학·캡스톤 (모바일 웹)•2025.01.04~2025.01.30

한국공학대학교 방학·캡스톤 팀 프로젝트로, 기숙사 룸메이트를 생활 습관·성향 조건으로 매칭하는 모바일 웹 서비스입니다. 랜덤 배정·지인 추천 대신 본인·희망 룸메이트 정보를 입력하면 조건에 맞는 상대를 찾을 수 있도록 설계했습니다. 소스·배포는 team-matemate/matemate 저장소와 Firebase(matemate-2025)에서 관리합니다.

• HTML
• SCSS
• JavaScript
• Firebase
• Figma

약 1주 (런칭) · 저장소 정리 ~2개월•개인 / 모바일 웹 서비스•2024.05.16~2024.07.21

한국공학대학교 학생을 대상으로 한 블라인드 매칭 웹 서비스입니다. 코로나19 이후 줄어든 학생 간 교류와 소속감 문제를 줄이기 위해, 성향·관심사 기반으로 새 연결을 돕는 모바일 중심 UI를 설계했습니다. yheun03/gongting 저장소에서 intro·가입·프로필·매칭·결과 화면을 정적 HTML로 관리하고 GitHub Pages에 배포했습니다.

• HTML
• SCSS
• JavaScript
• Figma

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

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

• HTML
• CSS
• jQuery
• Figma