무작정 따라 하기 챕터에서는,
홈페이지에서 가장 많이 사용하는
기능 중심으로 코드를 작성해 공유해 보려고 한다.
웹디자이너 시절에 코딩을 겸했기 때문에
웹퍼블리셔로 직군을 변경하면서 제일 어려운 부분이 자바스크립트였다.
아마, 필자와 같이 웹디자이너 출신이라면 공감하리라 생각한다.
이 글에서는 그동안 사용해온 JQUERY를 잠시 접어두고
ES6의 CLASS를 사용해서 내비게이션을 만들고
관련 코드를 공유해 보고자 한다.
참고로, 이 단원에서는 클래스의 기본 문법은 다루지 않는다.
기본 문법은 MDN이나 Javascript.info를 참고해 보기 바란다.
이 글의 목표
웹 표준을 기본으로 논리적인 마크업 적용
CSS animation을 활용
ES6의 클래스(class) 문법 적용
플러그인 형태로 option을 적용
결과 화면
.png?type=nfs324_216)
