220611 Today I learned!

1. Fact

섹션2: 스크롤을 이용한 인터랙션 구현
스크롤 섹션 데이터를 객체를 활용하여 저장한다.
setLayOut(): scroll-section의 높이를 세팅한다. (load, resize 이벤트와 bind)
scrollLoop(): 현재 활성화된 scroll-section이 어디인지 확인한다. (scroll이벤트와 bind, setLayOut()수정)
playAnimation(): 현재 활성화된 scroll-section에 맞는 애니메이션을 구현한다. (scrollLoop()함수에서 호출한다.)
calcValues(): 애니메이션을 구현하기 위한 값을 계산한다. (playAnimation()함수에서 호출한다.)
정리본

방학을 만끽하고 있다.. 😅 어제, 오늘 저녁까지 계속 일정이 있어서 기존에 계획했던 것처럼 이번주에 강의를 다 듣기는 힘들 것 같다. 다음주 화요일까진 꼭..!

현재까지 강의는 들을만 하다. 스크롤을 계산하는 다양한 방법을 알 수 있어서 좋았다.

그 외에도, 객체에 데이터를 저장하여 어떻게 활용할 수 있는 지에 대해서도 알 수 있었다. :thumbsup:

JS에 대한 문법에 대해서는 어느정도 알지만 코딩을 할 때, 어떻게 활용해야 하는 지 잘 모르는 감이 있었는데 이를 배울 수 있는 점이 좋다.

This post is licensed under CC BY 4.0 by the author.