웹 퍼블리싱 & UI 개발을 하는 이정훈 입니다. 완전한 프론트엔드 개발자가 되기 위한 여정 중에 있습니다.

기여도 90% 이상의 프로젝트/업무는, 프로젝트/업무 명 앞에 ’✨’ 가 붙어 있습니다.

총 경력 5년 4개월

🏢 (주)젠테 | 2024.01 - 재직 중

• 브랜드본부 디자인팀 UX파트 / 파트장 대행 | 2024.08 ~
• 제품본부(개발팀) / member | ~ 2024.07

해외 부티크와 직계로 연동된 B2B/B2C 기반의 국내 3세대 명품 플랫폼 입니다. 글로벌 서비스(Shopify) 구축 관련 퍼블리싱과 프론트 개발 진행 중에 있습니다. 이전에는 국내를 타겟으로 한 jentestore UX 개선 작업 리딩 및 고정 운영 업무를 진행했습니다.

🏢 (주)위시빈 | 2023.03 - 2023.12

• IT본부 / 매니저

여행 콘텐츠 플랫폼 서비스를 운영하는 IT 스타트업에서 퍼블리싱 업무를 담당했으며, Angular CLI 환경에서 퍼블리싱 작업을 진행했습니다. 주요화면 UI&UX 개선, 기존 퍼블리싱 코드 품질 개선 작업 및 고정 운영 업무를 진행했습니다.

🪄 🛠 주요 업무 리스트

• ✨ 주요화면 UI&UX 및 컴포넌트 개선(퍼블리싱)

  • 메인 페이지 개선
    • 메인 페이지 리뉴얼 참여 및 코드 재구축
      • 하드 코딩된 HTML 영역들을 컴포넌트화 진행(HTML/SCSS)
      • 기존에 작성된 CSS를 SCSS로 수정
    • 메인 페이지 용량 경량화
      • 불필요하게 반복 사용된 코드 제거
      • 전역으로 Import된 JS 파일들 정리
      • 이미지 파일 및 불 필요한 파일들 체킹 후, 경량화 진행
        • 이미지 호출 시, 파라미터에 이미지 퀄리티를 80% 정도로 낮춰서 호출 되는 방식 제안
          • ex. https://resize-test-image.wishbeen.com/Param&q=80
  • 여행기 상세 페이지 개선
    • 여행기 상세 페이지 리뉴얼 참여 및 코드 재구축
      • 하드 코딩된 HTML 영역들을 컴포넌트화 진행
      • 기존에 작성된 CSS를 SCSS로 수정
  • 출석 체크 기능 및 페이지 개선(App Only)
    • 브릿지 페이지 추가로 인한, 출석 체크 로직 변경
  • 개선 되어야 할 컴포넌트 타입 재정의
    • 디자인 스타일 가이드 확인 후, 개선 방향을 제시
      • 컴포넌트로 사용 가능하거나 컴포넌트로 사용 가능한 요소가 포함된 페이지 확인 진행
        • 디자인 요소 통일 및 파편화 되어 사용 중인 부분들 통일 진행
      • 버튼 컴포넌트 정의 및 재구성
      • 다이얼로그 컴포넌트 재정의 및 컴포넌트화 진행
        • 다이얼로그 컴포넌트 케이스 정리 진행
  • 기타 페이지 주요 기능 개선
    • 도시 홈, 마이 페이지 등 ngx skeleton loader 추가 진행(데이터 로드 관련)
    • 내부 QA 진행하며, 수정이 필요한 페이지 체크 및 보완
  • KAYAK Whitelabel 연동
    • 항공/호텔/렌트카 Whitelabel(iframe) 연동 진행

• 퍼블리싱 코드 분석 및 품질 개선

  • ✨SEO 개선
    • Angular ‘Meta’를 이용하여, 메타 태그 수정 및 추가
      • Angular에서 제공하는 Meta를 이용하여, SEO가 상태 변경을 할 수 있도록 작업하였습니다. 페이지 마다 변경되어야 할 메타 태그를 확인 후, 해당 내용을 처리할 수 있도록 하였습니다.
      • 작성된 코드 중, 일부 보기
    • index에 적용되는 default 메타 태그 수정
      • 추가 및 수정된 내용(Attribute만 기재)
    • 콘텐츠 페이지의 메타 태그 개선
      • 여행기, 커뮤니티, 여행일정, 여행장소 등 상세 페이지의 메타 태그 개선
      • 구조화 데이터 추가(schema.org)
        • 메인 페이지 > 최상단(hero) 영역에 캐러셀(ListItem) 마크업 추가 - Microdata 형식
        • 콘텐츠 상세 페이지에 적용할 ‘HowTo’ 마크업 가이드를 JSON-LD 형식으로 제작
      • 무분별하게 사용되는 Heading 태그 수정
        • 에디터로 게시물 작성 시에 ‘Heading 1’ 옵션을 사용하면, <h1> 태그가 출력되어 해당 옵션을 ‘Heading 2’부터 사용하도록 변경
        • 각 상세 페이지에 <h1>이 중복으로 출력되는 부분 수정
      • <img> 태그에 alt 속성 부여
        • 콘텐츠 작성 시에 caption 혹은 alt 속성을 사용자가 기재하지 않을 경우를 대비하여, Default로 alt에 ‘본문 이미지’ 텍스트 적용
  • ✨ CSS/SCSS 개선
    • 불필요하고, 중복되는 CSS 제거 진행
    • 전역으로 사용될 SCSS 파일 재구성
      • 자주 사용하는 스타일 값들 변수화 진행 및 네이밍 변경
    • 레이아웃, 브레이크 포인트 등 설정
    • 메인 페이지 CSS를 SCSS로 재구성
  • ✨ 웹 사이트 내, 사용 중인 z-index 케이스 정리
    • 프로젝트 내, 파편화 되어 있는 z-index 케이스 정리
      • GNB, 메뉴, 다이얼로그 등
      • Rule을 정하고, 각 케이스에 맞도록 수정(다이얼로그 우선)
      • 다이얼로그가 최대 5개 레이어링 되는 상태였음
  • Header 영역 스크롤 이벤트 기능 개선

• ✨ 고정 운영 업무 진행

  • CS/에러 요청 업무
  • 서비스 기획팀 요청 업무
    • 메인, 기타 페이지 업데이트 및 고도화 관련 업무
  • 광고/마케팅 요청 업무

🏢 (주)스탬프 | 2020.03 - 2022.09

• 개발팀(Front-end Developer) / 선임