'누구나 차별받지 않고 모두가 쉽게 접근할 수 있는 웹을 만드는 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
Period 2021.03.02 ~ Position 프론트엔드 개발자 Projects - TypeScript + Next.js 전환
- 기존 PHP + Zend Framework로부터 일부 서비스 FE 분리 진행
- 주요 핵심 코드 개발 진행(FE 구조 및 비지니스 로직 설계) 및 프로젝트 리딩
- 사람인 웹 접근성 가이드 수립 및 문서화 등 접근성 길드 리딩
- 사람인 PC 웹 서비스 접근성 가이드 제작 및 사내 교육
- 사람인 웹 서비스 접근성 일부 페이지 개선
가장 많은 건수를 차지하는 디자인의 명도대비 문제를 해결할 수 없었음에도 불구하고 axe 도구를 이용한 정량 평가 결과 80% 이상의 개선 효과를 가져옴
- 인사담당자 콘텐츠 플랫폼 thepllab insight 개발 리딩
- 프론트엔드가 처음인 팀원들의 첫 프론트엔드 프로젝트 리딩 및 런칭
- 원활한 프로젝트 진행을 위해 프로젝트 개발 환경 설정, 문서화 진행
- 백엔드 개발팀과의 원활한 협업을 위해 swagger 도입을 제안하여 이후의 다른 프로젝트들에서도 swagger를 기본 협업툴로 사용 확산
- TypeScript + Next.js 전환
Period 2020.04.02 ~ 2020.11.30 (경영악화로 합의퇴사) Position 프론트엔드 개발자 Projects - Nuxt 기반으로 강남엄마 학부모 사이트 신규 리뉴얼
- 혼자서 5개월 간 기술 선택에서부터 설계, 구현 진행
- Atomic Design 방법론에 따라 컴포넌트 설계 및 StoryBook을 통해 컴포넌트에 대한 문서화
- CSS Grid Layout, Flex Layout을 적극적으로 도입, 반응형으로 구현
- Nuxt 기반으로 강남엄마 학부모 사이트 신규 리뉴얼
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% 미만 유지)
- Client Side Rendering 기반의 MPA 구축
Period 2010.03.15 ~ 2014.07.31 (경영악화로 권고사직) Position 웹 퍼블리셔 Projects - 고객사에 웹 표준·접근성을 준수하는 이러닝 사이트 구축, 자체 서비스인 평생 교육원
사이트 및 공식 홈페이지 리뉴얼을 전담하여 퍼블리싱 및 UI 개발 업무 진행
- 기존에 server-side 개발자가 진행하던 client-side UI 개발 등의 JavaScript 작업을 모두 웹 퍼블리셔 업무로 가져와 코드 품질 및 생산성 향상에 기여
- Flash 콘텐츠를 HTML 5 기반의 콘텐츠로의 전환 계획에 따라 관련 부서 직원들을 대상으로 웹 퍼블리싱에 대한 사내 교육 진행
- 고객사에 웹 표준·접근성을 준수하는 이러닝 사이트 구축, 자체 서비스인 평생 교육원
사이트 및 공식 홈페이지 리뉴얼을 전담하여 퍼블리싱 및 UI 개발 업무 진행
Period 2010.03.15 ~ 2012.02.24 Position 백엔드 개발자 Projects - classic ASP, PHP를 주 언어로 교원능력개발평가 시스템, 설문조사 통계 시스템 개발을 주 업무로 진행
- 서울시 교육청 및 충남 교육청 영어교사 관리 시스템 개발, 납품
- 쇼핑몰 '내친구커뮤니케이션' 맞춤 제작
🤹 Extracurricular Activities
- WAI-ARIA Authoring Practice 1.2 번역 (2019.12 ~ )
- 정보접근성 오픈 아카데미 온라인 강의 (2019.01.15 ~ )
- 장애인의 정보접근성 걸림돌 제거를 위한 기술 연구반 (2017 ~ )
- 웹 접근성을 고려한 콘텐츠 제작 기법 2.2 신규 지표 초안 집필 및 개정안 감수 참여
- 예제로 살펴보는 WAI-ARIA 사례집 집필 참여
- 2017 정보접근성 기술이슈 분석보고서 집필 참여
- 더 접근 가능한 모달 대화상자 만들기 강의
- WSconf., html5 융합기술포럼 등 세미나 발표 및 강의
- 서비스에서 접근성이 왜 필요할까? - 점핏 x 삼성 강남 클래스
- KWCAG 2.2 신규 지표 — 카카오 링키지랩
- ARIA 사용 이유와 주의해야 할 점 — IAT (정보 접근성 기술) 컨퍼런스 2020
- 접근 가능한 레이어팝업 Feat. WAI-ARIA — 한국정보화진흥원 접근성오픈아카데미
- WAI-ARIA Best Practices — W3C HTML5 Conference 2017
- 웹 미디어 플레이어 접근성 — IAT(정보 접근성 기술) 컨퍼런스 2017
- Document Outline in HTML 5.1 — WSConf. 2017
- Web Accessibility 101 — 하드코딩하는사람들 2017 상반기 세미나
- WAI-ARIA 이제는 실전이다 — WSConf. 2016
- WAI-ARIA 실전 Note — 하드코딩하는사람들 2016 하반기 세미나
- How to Read W3C HTML5 Specification — 하드코딩하는사람들 2016 상반기 세미나
- 그 외 세미나 발표 자료
👨💻 Contacts
구분 | 내용 |
---|---|
Tel | 0507-0079-1797 |
mail@mulder21c.io, mulder21c@gmail.com | |
Github | mulder21c |