2016년 프론트엔드 개발 분야 입문 과정에서 제작한 인터랙티브 이력서 프로젝트입니다. 인터랙티브 디벨로퍼 김종민님의 포트폴리오에 영감을 받아 정적인 이력서가 아닌 자신의 역량을 인터랙션으로 표현할 수 있는 방법이 필요한 상황이었습니다.
웹페이지를 직접 디자인하고 각 섹션에 어울리는 인터랙션과 애니메이션을 구현하여 개인의 경력과 역량을 효과적으로 전달할 수 있는 실험적 이력서를 제작하는 것을 목표로 했습니다.
Sketch로 디자인을 완성하고 HTML, SASS, jQuery, Gulp를 활용해 개발했습니다. 모듈화된 SASS 파일(_common, _home, _skills, _projects, _contact)로 스타일을 구성하고 Gulp 태스크 러너로 빌드 환경을 구축했습니다. jQuery의 load 메서드를 활용한 동적 HTML 로딩과 CSS stroke-dasharray, stroke-dashoffset을 이용한 드로잉 애니메이션을 구현했습니다.
나의 경력과 역량을 인터랙션으로 표현한 실험적 이력서를 완성했습니다. 마이크로 인터랙션을 통해 사용자의 시각적 집중을 끌어내고 흥미로운 사용자 경험을 제공하는 방법을 탐구할 수 있는 계기가 되었습니다.