메가스터디교육 프론트엔드 퍼블리셔
- 문제
- 여러 서비스의 신규 화면과 운영 수정이 서로 다른 규칙으로 반복됐습니다.
- 한 일
- 반응형·접근성 기준을 정리하고, AI 보조 제작 흐름을 개인 작업 규칙으로 구조화했습니다.
경력
크리스에프앤씨 · 버킷스토어 웹 퍼블리셔
- 문제
- 이미지 중심 프로모션 화면이 일정 변화와 모바일 대응에 따라 반복 수정을 요구했습니다.
- 한 일
- 이미지 로딩과 반응형 배치를 우선순위로 두고 화면별 운영 작업을 정리했습니다.
- 결과
- 기획 일정에 맞춰 PC·모바일 화면의 제작과 유지보수를 수행했습니다.
아이엠폼 · 롯데백화점 앱팀 프론트엔드 퍼블리셔
- 문제
- 매주 반복되는 프로모션 제작과 기기별 WebView 대응이 화면마다 처음부터 다시 시작됐습니다.
- 한 일
- 반복 UI를 React 공통 템플릿과 모듈로 묶고, 기기별 마크업 가이드를 정리했습니다.
차바이오그룹 · 차병원 뉴스룸 웹 퍼블리셔
- 문제
- 뉴스룸은 기사 길이와 화면 크기가 달라져도 읽기 구조가 흔들리지 않아야 했습니다.
- 한 일
- 시맨틱 마크업·접근성·반응형 규칙을 기준으로 뉴스룸 화면을 구축했습니다.
- 결과
- PC·모바일 뉴스룸의 구축 범위를 완료했습니다.
하마그룹 프론트엔드 퍼블리셔
- 문제
- 다국어·반응형 화면에서 같은 UI를 일관되게 확장할 제작 단위가 필요했습니다.
- 한 일
- Vue와 SCSS 기반 공통 컴포넌트로 화면과 스타일 규칙을 나눴습니다.
- 결과
- 공통 UI와 다국어 대응 화면의 구현 업무를 수행했습니다.
주요 작업
퍼블리싱 업무 AI 자동화 도구
개인의 마크업·스타일 규칙을 AI가 재현하도록 정리해, 반복적인 웹 제작 흐름을 자동화한 내부 도구입니다.
- 작성 규칙을 명시적인 지침 문서로 정리
- 작업 입력 → 코드 생성 → 직접 검토 흐름 설계
- 사용법을 팀원과 공유하고 피드백을 반영
팀 공통 퍼블리싱 기준으로 공유해 결과물 일관성과 신규 합류자의 적응 기준을 만들었습니다. 자기보고
롯데백화점 앱 공통 템플릿 · 모듈 시스템
반복되는 프로모션 페이지 요소를 재사용 가능한 React 템플릿과 공통 모듈로 구조화한 운영 개선 작업입니다.
- 자주 쓰는 UI와 레이아웃 패턴 추출
- 공통 모듈과 작업 기준 정리
- WebView에서 재현되는 스크롤·터치·모달 겹침 문제를 마크업 가이드로 사전 차단
이력서 기준 운영 생산성 30% 이상 향상으로 기록했습니다. 자기보고 · 검증 자료 보강 예정
기술
- 기반
- HTML · CSS · JavaScript · 시맨틱 마크업
- 프론트엔드
- React · Vue.js · SCSS
- 품질
- 반응형 · 웹 표준과 접근성 · 크로스 브라우저 및 WebView 디버깅 · 이미지 로딩 성능
- 시스템
- 컴포넌트화와 재사용 모듈 · 작업 규칙 설계 · 운영 UI 관리
- 자동화
- AI 보조 워크플로 · 사람 검토 기반 품질 게이트
학력
Taylor's University International Hospitality Management, 학사
말레이시아 · 졸업
다른 언어·문화권에서 학업을 완주했고, 서비스 품질과 고객 경험을 다루는 도메인 감각을 얻었습니다.
작업 원칙
운영 업무의 가치는 결과 화면만으로는 설명되지 않습니다. 그래서 경력 전반을 문제 발견 → 규칙화 → 모듈화 → 도구화의 흐름으로 정리했습니다.