<aside> 💡 유튜브 쇼츠와 유사한 형태를 구현하고자 한다.

</aside>

해결해야 하는 기능

1. 세로 모드
   1. 그냥 width와 height를 수정하면 된다.
   2. 대신 특정 비율을 지켜야 한다. (대략 0.5626)
   3. 유튜브는 476 x 846임
2. 스크롤 아래는 안보인다.
   1. 컨테이너 overflow-y에 hiden을 준다.
   2. 컨테이너의 height를 vh기준으로 준다.
3. 스크롤 하면 다음 아이템으로 넘어간다.
   1. mousewheel 이벤트 활용
   2. mouse down, up을 구분해야 한다.
      1. up이면 이전 것으로
      2. down이면 다음 것으로

인피니트 스크롤

Vue-infinite-loading

스크롤 스냅

[CSS] 📚 스크롤을 부드럽게 🎨 Scroll Snap

• 구현이 안되는 오류
  • 스크롤 continer에 스크롤이 생기지 않는다.
  • 그 이유는 높이가 없기 때문이다!
  • height: 100%로 해결
• AOS애니메이션이랑 같이 사용하니 적용이안된다.