Interactive Resume

2016년 프론트엔드 개발에 입문하면서 만든 인터랙티브 이력서입니다. 인터랙티브 디벨로퍼 김종민님의 포트폴리오에 영감을 받아, 정적인 이력서 대신 나의 역량을 인터랙션으로 보여줄 방법이 필요했습니다.

웹페이지를 직접 디자인하고 섹션마다 어울리는 인터랙션과 애니메이션을 구현해, 나의 경력과 역량을 잘 전달하는 실험적인 이력서를 만드는 것이 목표였습니다.

Sketch로 디자인을 마치고 HTML, SASS, jQuery, Gulp로 개발했습니다. 스타일은 모듈화한 SASS 파일(_common, _home, _skills, _projects, _contact)로 나누어 구성했고, 빌드 환경은 Gulp 태스크 러너로 만들었습니다. jQuery의 load 메서드로 HTML을 동적으로 불러오고, CSS stroke-dasharray와 stroke-dashoffset으로 그려지는 애니메이션을 구현했습니다.

나의 경력과 역량을 인터랙션으로 표현한 실험적인 이력서를 완성했습니다. 마이크로 인터랙션으로 사용자의 시선을 끌고 흥미로운 경험을 주는 방법을 탐구해 볼 수 있었습니다.