Tarome
선택부터 결과·채팅까지 자연스럽게 이어지는 단계형 UX 설계
Next.js · TypeScript · Supabase
View Project
Loading...
Frontend Developer Portfolio
Make complexflows simple
복잡한 서비스 흐름을 운영 가능한 UI로 바꾸는 프론트엔드 개발자
Professional Journey
Experience.
Professional Path
2024.04 —
2025.06
(주)아이온커뮤니케이션즈AION COMMUNICATIONS
연구본부
주임연구원 · 프론트엔드 개발
01
한국방송통신대학교 학사정보 모바일 시스템 구축
Nuxt3·Vue3·Dynamic Form·Data Processing
- 기존 JSP 기반 서비스 흐름을 참고해 Vue 3 Composition API 환경에서 화면과 API 연동 구현
- 입학 프로세스 내 20여 개 조건부 동적 폼 및 연쇄 초기화 로직 구현
- 백엔드 수정이 제한된 환경에서 Computed와 Util 기반 데이터 재가공 구조 적용
- useAsyncData와 Promise.all 구조 개선으로 데이터 로딩 흐름 정리
02
케이뱅크 개인화 플랫폼 구축
Next.js·TypeScript·A/B Testing·4-step Flow
- A/B 테스트 실험 관리용 4단계 입력 플로우를 구현
- 기획서 기반 UX를 정의하고 목업 데이터를 활용한 선개발 수행
- Next.js와 Ant Design 환경에서 운영 게시판 CRUD 구현
- 금융권 QA 프로세스 대응과 결함 수정 진행
03
한진칼 CMS 솔루션 기반 웹사이트 구축
Nuxt3·TypeScript·CMS·Component Customizing
- UI 컴포넌트를 CMS 빌더와 연결하기 위한 JSON Schema 규격 정의와 프론트 연계 방식 정리
- 솔루션 표준 영역과 커스텀 영역을 분리해 현업과 연구소 간 기술 조율 수행
Professional Path
2021.11 —
2023.01
웰로(주)Wello
프론트엔드팀
프론트엔드 개발
01
웰로 B2C 정책 추천 서비스
Vue2·Filtering Logic·Survey UI·Canvas
- 연령과 조건별 정책 필터링 로직을 적용한 리스트 및 상세 UI 구현
- Canvas 기반 디지털 서명 패드와 설문 컴포넌트 개발
02
웰로비즈 B2B SaaS
Nuxt2·SSR·SEO·Dashboard UI
- Nuxt SSR 기반 프로젝트 초기 환경 설정과 공통 모듈 구축
- asyncData 기반 동적 메타 태그 처리와 전역 SVG 아이콘 컴포넌트 설계
- vuedraggable을 활용한 칸반보드 Drag & Drop UI 구현
03
[어드민] 사내 통합 관리 백오피스
Vue2·Admin·Chart·Data Validation
- TOAST UI Chart를 활용한 주요 지표 시각화 대시보드 구현
- 수신자 엑셀 업로드와 데이터 정합성 검증, 검색 및 매칭 모듈 개발
Professional Path
2021.02 —
2021.11
(주)위펀wefun
프론트엔드팀
프론트엔드 개발
01
서비스 랜딩페이지 리뉴얼
Vue2·Performance·Lazy Loading·Scroll Interaction
- Intersection Observer 기반 Lazy-loading 공통 컴포넌트 개발
- Sticky 기반 스크롤 인터랙션 애니메이션 구현
- Header와 Footer 공통 컴포넌트 분리로 개발 리소스 절감
02
[생일24] 모바일 웹뷰 및 서비스 페이지 개발
Vue2·Mobile WebView·User Flow·Barcode Rendering
- 약관 동의, 선물 선택, 개인정보 입력 등 모바일 사용자 플로우 구현
- 바코드 데이터 기반 이미지 생성 컴포넌트 개발
