Web Publisher (4 Years)

안녕하세요, 엄윤식입니다.
단단하고 접근하기 쉬운 UI를 만듭니다.

BEM과 SCSS로 유지보수하기 좋은 단단한 UI를 구축하는 4년 차 퍼블리셔입니다. 단순한 화면 구현을 넘어 시맨틱 마크업과 웹 접근성을 준수하며, 디자이너와 개발자 사이의 원활한 소통을 통해 프로젝트의 품질을 높입니다.

Contact Me GitHub
서울시 강남구 자곡동 | 010-9488-3780

Core Competencies

Publishing & UI Architecture

Technical Stack

웹 표준과 접근성을 준수하며, 효율적인 CSS 아키텍처를 설계합니다.

Work Experience

총 4년 3개월 | 다수의 SI 및 에이전시 환경에서 UI/UX 품질을 책임졌습니다.

미디어포스앤컴퍼니

사원 (WP팀)

2023.10 ~ 현재
  • 공통 UI 컴포넌트 라이브러리화: 반복 사용되는 UI를 모듈화하여 팀 내 작업 생산성 30% 향상
  • 반응형 웹 최적화: 320px ~ 1920px 해상도에 대응하는 Fluid/Adaptive 레이아웃 설계
  • 크로스 브라우징: 최신 브라우저 및 모바일 환경에서의 렌더링 호환성 완벽 검수

온넷소프트

주임/계장 (개발팀)

2023.07 ~ 2023.09
  • 웹 접근성(WA) 품질인증 마크 획득 지원: WAI-ARIA 및 논리적 초점 이동 완벽 구현
  • CMS UI 템플릿화: 관리자/사용자 뷰의 반복 레이아웃을 표준 템플릿으로 제작하여 운영 효율 증대

마이크로프로텍트

팀원 (개발팀)

2022.09 ~ 2023.05
  • BEM 방법론 도입: 클래스 네이밍 규칙을 확립하여 다수 퍼블리셔 협업 시 발생하는 CSS 충돌 해결
  • 성능 개선: 이미지 스프라이트(WebP) 및 리소스 최적화를 통한 초기 로딩 속도 개선

빅터소프트

사원 (SI디자인)

2021.07 ~ 2022.04
  • 공공기관 및 기업형 SI 프로젝트의 Pixel-Perfect 퍼블리싱 담당
  • JavaScript/jQuery를 활용한 동적 인터랙션(슬라이더, 아코디언 등) 요소 구현
Publishing Projects

Key Projects

마크업 구조 최적화 및 접근성 향상에 기여한 핵심 프로젝트입니다.

Design System UI 구축

전사 공통 가이드 마크업 고도화

HTML5 SCSS/Sass BEM Vanilla JS

부서마다 다르게 사용되던 UI 요소를 통일하기 위해 사내 디자인 시스템 퍼블리싱을 전담했습니다. SCSS의 mixin과 variables를 적극 활용하여 테마 변경에 유연하게 대응하는 CSS 아키텍처를 설계했습니다.

Key Highlights

  • 웹 접근성을 준수한 Custom Form 요소 구현
  • 가이드 문서 템플릿화로 개발팀 적용 시간 단축
  • 유지보수가 용이한 BEM 클래스 네이밍 적용

인터랙티브 랜딩 페이지

고성능 프로모션 스크롤 인터랙션

CSS3 Animation Vanilla JS Intersection Observer

시각적 피로도를 낮추고 이탈률을 줄이기 위한 동적 스크롤 프로모션 페이지입니다. 무거운 라이브러리 대신 순수 CSS Transform과 Vanilla JS만으로 60fps의 부드러운 애니메이션을 구현하여 성능을 최적화했습니다.

Key Highlights

  • Intersection Observer 기반 Lazy Loading 구현
  • 하드웨어 가속(GPU)을 활용한 렌더링 최적화
  • 다양한 디바이스 환경에서의 애니메이션 크로스 브라우징

Personal Strengths

Pixel-Perfect & 클린 코드

디자이너의 의도를 1px의 오차 없이 구현합니다. 동시에 불필요한 div 중첩을 피하고, 브라우저 렌더링 트리를 가볍게 유지하는 '시맨틱 마크업'을 철저히 지킵니다.

디자인과 개발을 잇는 소통

다양한 SI 경험을 통해 직군 간 커뮤니케이션 방식을 체득했습니다. 기획서의 예외 케이스를 사전에 파악하여 조율함으로써 프로젝트 지연을 방지합니다.

지속적인 UI 기술 탐구

완벽한 UI 구현을 위해 CSS Grid, Flexbox 등 최신 스펙을 학습하며, React 등 프론트엔드 환경에서의 마크업 역할(Tailwind 등)에도 유연하게 대처합니다.

Education & Others

Training

UI/UX 반응형 웹디자인 & 웹퍼블리셔 양성과정

그린아카데미 수료 | 2020.07 ~ 2020.12

Certificates / Military

2종 보통 운전면허

육군 병장 만기 제대