About me

Open to opportunities

'누구나 차별받지 않고 모두가 쉽게 접근할 수 있는 웹을 만드는 Front-End Developer' 라는 직업적 목적을 가지고 웹 표준, 웹 접근성, 사용자를 위한 UI/UX, SEO에 큰 관심을 두고 좀 더 나은 웹을 만들어 가기 위해 고민하고자 하는 웹 프론트 개발자입니다.
무엇보다 웹 접근성 향상 업무에 가장 큰 관심사를 가지고 있고 이를 위한 업무를 진행할 때 가장 큰 만족감을 느끼고 더 열의를 가지고 참여합니다.

논리적이고 구조적이며 의미론적인 코드를 사랑하고 효율적이고 이해하기 쉬운 코드를 만들기 위해 노력하고자 하며 Front-End의 전반은 내 업무 영역이다라는 생각으로, 수동적 입장으로 일하기 보다 좀 더 나은 접근성, 좀 더 나은 UI/UX를 제공할 수 있도록 기획·디자인에 역으로 제안과 설득, 토론을 아끼지 않는 적극적인 입장으로 일하기를 즐겨합니다.

🔧 Technical Skills

HTML, CSS(SCSS), Web Standard, A11Y, SEO

  • 웹 표준을 준수하고 의미론에 따라 유의미한 마크업을 위해 노력합니다.
  • WAI-ARIA를 통한 웹 접근성 향상, NVDA · Sense Reader · Voice Over(iOS)를 통한 스크린리더 사용 경험이 있습니다.
  • 검색엔진최적화 경험이 있으며 JSON-LD, microdata를 통한 구조화데이터 경험이 있습니다.
  • CSS Pre-processor/Post-processor를 사용할 수 있고, BEM 방법론을 선호합니다.

JavaScript(ES 6+), TypeScirpt, Vue, Nuxt.js, React, Next.js, React-Query

  • TypeScript + Next.js 프로젝트를 리드하여 개발 및 배포한 경험이 있습니다.
  • Vue 프레임워크를 익숙하게 사용할 수 있으며, Nuxt 프로젝트를 리딩한 경험이 있습니다.
  • Atomic Design 방법론을 선호합니다.
  • UI 라이브러리(Carousel, AutoSuggest Combobox 등)를 직접 개발해 본 경험이 있습니다.

버전관리

  • Git CLI로 버전 관리 하는 것에 익숙합니다.
  • GitHub, GitLab를 통한 협업 경험이 있습니다.
  • 코드 리뷰 경험이 있습니다.

ETC

  • Figma, zeplin으로 디자이너와 커뮤니케이션 한 경험이 있습니다.
  • Storybook으로 컴포넌트에 대한 문서화를 진행해 본 경험이 있습니다.

👔 Work Experience

  1. ㈜사람인
    Period 2021.03.02 ~
    Position프론트엔드 개발자
    Projects
    • TypeScript + Next.js 전환
      • 기존 PHP + Zend Framework로부터 일부 서비스 FE 분리 진행
      • 주요 핵심 코드 개발 진행(FE 구조 및 비지니스 로직 설계) 및 프로젝트 리딩
    • 사람인 웹 접근성 가이드 수립 및 문서화 등 접근성 길드 리딩
      • 사람인 PC 웹 서비스 접근성 가이드 제작 및 사내 교육
      • 사람인 웹 서비스 접근성 일부 페이지 개선
        가장 많은 건수를 차지하는 디자인의 명도대비 문제를 해결할 수 없었음에도 불구하고 axe 도구를 이용한 정량 평가 결과 80% 이상의 개선 효과를 가져옴
    • 인사담당자 콘텐츠 플랫폼 thepllab insight 개발 리딩
      • 프론트엔드가 처음인 팀원들의 첫 프론트엔드 프로젝트 리딩 및 런칭
      • 원활한 프로젝트 진행을 위해 프로젝트 개발 환경 설정, 문서화 진행
      • 백엔드 개발팀과의 원활한 협업을 위해 swagger 도입을 제안하여 이후의 다른 프로젝트들에서도 swagger를 기본 협업툴로 사용 확산
  2. ㈜강남엄마
    Period 2020.04.02 ~ 2020.11.30 (경영악화로 합의퇴사)
    Position프론트엔드 개발자
    Projects
    • Nuxt 기반으로 강남엄마 학부모 사이트 신규 리뉴얼
      • 혼자서 5개월 간 기술 선택에서부터 설계, 구현 진행
      • Atomic Design 방법론에 따라 컴포넌트 설계 및 StoryBook을 통해 컴포넌트에 대한 문서화
      • CSS Grid Layout, Flex Layout을 적극적으로 도입, 반응형으로 구현
  3. ㈜투어팁스
    Period 2018.12.03 ~ 2020.02.29 (폐업으로 퇴사)
    Position프론트엔드 개발자
    Projects
    • 모하지의 4개 플랫폼 — 사용자, 판매자, 관리자, 제휴사 플랫폼 유지보수
      • 아웃소싱 업체로부터 완전히 인수인계가 이루어지지 않아 Vue Component, Store, Router 등의 구조를 산출물로부터 역으로 분석하여 수정하는 형태로 업무 진행
    • git 커밋/브랜치/병합 전략 수립, issue template 제작 등 개발 프로세스 정립 및 문서화 주도
    • Vue 개발 외 퍼블리싱 작업에 대한 생산성 향상을 위해 Gulp 템플릿들을 제작 및 공유
    • eDM 제작 템플릿 개발 및 AWS SES 연동을 통한 테스트 이베일 발송 자동화
  4. 콘텐츠연합플랫폼㈜
    Period 2014.08.25 ~ 2018.03.31
    Position웹 퍼블리셔
    Projects
    • Client Side Rendering 기반의 MPA 구축
      • AJAX 호출을 통한 데이터 바인딩, 브라우저 히스토리 관리 등을 위한 자바스크립트 개발을 주 업무로 수행
      • HTML/CSS 코딩 컨벤션 수립 및 프리랜서 작업물 코드리뷰 진행
    • pooq 서비스 웹 플랫폼에 대한 퍼블리싱, 접근성, UI 개발 전반 담당
      • 웹 접근성 향상을 위해 지속적으로 학습 진행, WAI-ARIA를 적극 도입하여 컴포넌트별 접근성 향상 도모
      • autosuggest combobox, carousel slide, modal dialog 등의 컴포넌트 및 문서구조(landmark)에 WAI-ARIA를 적용하여 접근성 향상 기여 (웹 플랫폼에 한하여 접근성 관련 진정 건수 10% 미만 유지)
  5. KT innoedu
    Period 2010.03.15 ~ 2014.07.31 (경영악화로 권고사직)
    Position웹 퍼블리셔
    Projects
    • 고객사에 웹 표준·접근성을 준수하는 이러닝 사이트 구축, 자체 서비스인 평생 교육원 사이트 및 공식 홈페이지 리뉴얼을 전담하여 퍼블리싱 및 UI 개발 업무 진행
      • 기존에 server-side 개발자가 진행하던 client-side UI 개발 등의 JavaScript 작업을 모두 웹 퍼블리셔 업무로 가져와 코드 품질 및 생산성 향상에 기여
    • Flash 콘텐츠를 HTML 5 기반의 콘텐츠로의 전환 계획에 따라 관련 부서 직원들을 대상으로 웹 퍼블리싱에 대한 사내 교육 진행
  6. Tsem 솔루션
    Period 2010.03.15 ~ 2012.02.24
    Position백엔드 개발자
    Projects
    • classic ASP, PHP를 주 언어로 교원능력개발평가 시스템, 설문조사 통계 시스템 개발을 주 업무로 진행
    • 서울시 교육청 및 충남 교육청 영어교사 관리 시스템 개발, 납품
    • 쇼핑몰 '내친구커뮤니케이션' 맞춤 제작

🤹 Extracurricular Activities

👨‍💻 Contacts