[KDT]FCFE - 2주4일 웹페이지 만들기 2 (gsap&lodash)

header .main-menu .item

BEM ( Block Element Modifier )

: class 이름을 생성할 때 의미를 두고 만들어 중복하지 않고 사용할 수 있도록 하는 작명법.

menu__name

: 요소__일부분

menu__content--상태

: 요소__일부분--상태

lodash cdn

_.throttle(function(){},300);

: 반복 작업 되는 부분을 관리하기 위해 사용함.
( 함수 부분을, 밀리세컨초 마다 동작하도록 연속동작을 막음.)

gsap cdn

gsap.to(요소, 지속시간, 옵션)

: 애니메이션 효과를 주기위해 요소에 지속시간과 옵션을 넣어 사용한다.
( 옵션에는 {} 객체 형태로 넣어 작성한다.)

예제)

gsap.to(div, .6, { opacity: 0, display: 'none' }