Introduce.

웹 디자이너에서 시작해 사용자 중심의 UI/UX 관점을 바탕으로 웹 퍼블리셔, 프론트엔드 개발자로 성장해왔습니다.

주요 실무 경험:

ECF 이커머스 스타트업: Next.js 기반 독립몰·어드민·파트너스 3개 시스템 UI 전체 구축
유토퍼스 (EBSe): 월 50만 방문자 교육 플랫폼 UI/UX 개선 및 웹 표준 준수
CAFE24 CMS: 브랜드몰 다수 사이트 전체 구축 (기획부터 런칭까지)

기술적 강점:

모던 프론트엔드: React, TypeScript, Next.js 기반 컴포넌트 아키텍처 설계
사용자 경험: 디자인 배경을 활용한 직관적이고 접근성 높은 인터페이스 구현
협업 및 최적화: 1인 퍼블리셔 환경에서 코드 리팩토링 및 유지보수성 70% 향상
풀스택 이해: 현재 데브코스를 통해 백엔드 구조 이해와 데이터 흐름 학습 중

현재 풀스택 개발 과정을 통해 백엔드 이해도를 높이고 있으며, 사용자 경험과 비즈니스 가치를 모두 고려할 수 있는 프론트엔드 개발자로 성장하고자 합니다. 특히 이커머스와 교육 플랫폼에서의 경험을 바탕으로, 확장 가능하고 사용자 친화적인 웹 서비스 개발에 기여하고 싶습니다.

Work Experience.

✅ 웹 퍼블리셔 경력

ECF

스타트업 이커머스

Web Publisher

2024.01-2025.03 (1년 3개월)

👉🏼 Next.js 기반 독립몰·어드민·파트너스 시스템 UI 구축 및 런칭

퍼블리셔 1인 체제에서 3개 시스템의 전체 UI 구축 담당
외주 개발사 레거시 코드 분석 후 구조 리팩토링으로 유지보수성 70% 향상

📋 담당 업무

1. Next.js 기반 3개 시스템 개발

독립몰 시스템: 사용자 쇼핑 경험 최적화를 위한 반응형 UI 구현
어드민 시스템: 관리자 업무 효율성을 고려한 대시보드 및 관리 화면 구축
파트너스 시스템: 파트너사 전용 관리 도구 UI 개발

2. CAFE24 CMS 기반 브랜드몰 전체 구축

ECF Store 쇼핑몰: CAFE24 CMS 솔루션 활용한 전체 사이트 구현 (기획부터 런칭까지)
ECF 파트너스라운지: 파트너 전용 쇼핑몰 시스템 구현

🛠 사용 기술

Frontend Framework & Language:Next.js 14.2.4 (App Router) React 18 TypeScript

스타일링 & UI:Emotion (CSS-in-JS) Ant Design 5.18

개발 도구 & 라이브러리:React Hook Form ****React Beautiful DnD Tiptap

임팩트 있었던 경험

문제 상황

외주 개발사에서 넘겨받은 레거시 코드가 스파게티 구조로 되어있어 유지보수 어려움
3개 시스템(독립몰, 어드민, 파트너스)의 중복 코드와 일관성 없는 컴포넌트 구조
새로운 기능 추가 시마다 기존 코드 수정으로 인한 사이드 이펙트 발생

해결 과정 및 적용 기술

코드 분석 및 리팩토링 전략 수립
- 기존 코드베이스 전체 분석 후 공통 컴포넌트 패턴 도출
- TypeScript 도입으로 런타임 에러 사전 방지 및 개발 생산성 향상
컴포넌트 기반 아키텍처 재설계
- Emotion CSS-in-JS로 스타일 캡슐화 및 동적 테마 시스템 구축
- Ant Design 기반 디자인 시스템으로 3개 시스템 간 일관성 확보
상태 관리 최적화
- Zustand + TanStack Query 조합으로 클라이언트/서버 상태 분리
- 불필요한 API 호출 70% 감소 및 사용자 경험 개선

결과

개발 속도 3배 향상: 새로운 페이지 개발 시간 단축
유지보수성 70% 향상: 코드 수정 시 사이드 이펙트 최소화
팀 협업 효율성 증대: 컴포넌트 재사용으로 디자이너-개발자 소통 원활화

유토퍼스

응용 소프트웨어 개발 및 공급업

Web Publisher

2020.12-2023.06 (2년 7개월)

🎨 웹 디자이너 경력

Chaeg(월간 책)

책과 문화에 관한 월간지

Project.

DOT-DAILY | 감정 기록과 할 일 관리를 결합한 일상 관리 앱

2025.06.02 ~ 2025.07.10

🎯 프로젝트 소개

할 일을 단순히 완료하는 것을 넘어 감정과 함께 기록하고 회고할 수 있는 모바일 중심 웹 애플리케이션

팀 구성: 프론트엔드 2명, 백엔드 1명

담당 역할: 기획 · 디자인 · 프론트엔드 개발 (메인 할 일 관리 페이지, 보관함 페이지 구현)

🛠 기술 스택 활용

Next.js + TypeScript

App Router 활용한 페이지 라우팅 및 SEO 최적화
TypeScript 인터페이스로 API 응답 타입 안전성 확보