Projects

현장의 업무 문제를 정의하고, 화면·API·데이터·운영으로 풀어낸 프로젝트입니다

Lighthouse 로고

외주 프론트엔드 개발

Lighthouse AI 마케팅 리포트

퍼포먼스 마케팅 데이터를 API로 연동해 AI 리포트를 생성·조회하는 화면을 개발했습니다. DTO 기반 리포트 섹션과 표·차트 컴포넌트를 동적으로 구성하고, 분석 기간 선택, 생성 성공·실패 피드백, 분석 화면 이동과 AI 제안 검토 흐름을 구현했습니다.

Nuxt Vue 3 TypeScript Element Plus Chart.js
2025.11 - 2026.01 · 외주 프로젝트
KT K-Deal 리뉴얼 프로젝트 일러스트

주식회사 원투씨엠

KT K-Deal 리뉴얼 프로젝트

KT K-Deal의 플랫폼 전환·리뉴얼 프로젝트에서 쇼핑몰 컴포넌트와 사용자 통합 관리 O&M(운영·유지보수) 페이지를 구축했습니다. REST API를 연동하고, 운영 과정에서 화면을 개선하며 사용자 피드백을 반영했습니다.

Vue 2 Bootstrap Vue Element UI
서비스 종료
KT K-Deal 모바일 쇼핑몰 홈 화면 KT K-Deal 모바일 상품 목록 화면 KT K-Deal 모바일 상세 화면 KT K-Deal 사용자 통합 관리 운영 화면
경북 봐야지 프로젝트 일러스트

경상북도 여행 플랫폼

경북 봐야지 GB Voyage

경상북도 여행 플랫폼의 반응형 화면을 Vue 3 Composition API와 Element Plus로 구현했습니다. i18n을 적용해 다국어를 지원하고 모바일·데스크톱에서 탐색 흐름이 일관되도록 구성했습니다.

Vue 3 Composition API Element Plus i18n Responsive
바로가기
경북 봐야지 메인 화면 경북 봐야지 모바일 화면 경북 봐야지 여행 상품 화면
NH멤버스 핫딜몰 프로젝트 일러스트

모바일 앱 내 쇼핑몰

NH멤버스 핫딜몰

NH멤버스 앱 내 핫딜몰 화면을 Vue 3 Composition API와 TypeScript로 개발했습니다. Element Plus를 활용해 상품 탐색부터 상세 확인까지 이어지는 모바일 쇼핑 흐름을 구현했습니다.

Vue 3 TypeScript Element Plus Mobile Web
NH멤버스 앱 내 서비스
NH멤버스 핫딜몰 모바일 쇼핑몰 화면 NH멤버스 핫딜몰 상품 화면 NH멤버스 핫딜몰 상품 목록 화면
옥구슬 사투리 변환 애플리케이션

국어 정보 처리 시스템 경진대회 프로젝트

옥구슬: 표준어·사투리 변환 애플리케이션

사투리와 표준어를 상호 변환하는 프로그램입니다. Python으로 핵심 변환 기능을 구현한 뒤 Android 애플리케이션으로 확장하며 UI/UX를 담당했습니다. 울산대학교 캡스톤 졸업작품 경진대회 1위와 국어 정보 처리 시스템 경진대회 동상을 수상했습니다.

Python 3 Java Android Studio UI/UX
Python 시연 Android 시연 울산대 기사 네이버 기사
Tomato-do 프로젝트

개인 생산성 웹앱

Tomato-do

할 일 관리와 뽀모도로 타이머를 결합한 개인 생산성 웹앱입니다. 프레임워크 없이 Vanilla JavaScript로 주요 기능과 화면을 구현하고, IndexedDB와 Dexie.js로 로컬 데이터를 관리했습니다.

Vanilla JS HTML CSS IndexedDB Dexie.js
바로가기