스크롤이벤트

[haileyham]

📝 Issue

• 메인페이지 promotion section 각 div 스크롤 이벤트 적용 필요

🌝 To Do

• [x] 스크롤 이벤트 적용
• [x] hook 만들기

🌱 How to & Then

• useRef 사용하여 작동시킬 위치의 박스에 ref 설정
• useState 이용하여 visible 값 조정
• useEffect , observer 사용하여 동작하도록
• 뷰포트 기준 33% 대상 보일 때 동작하도록 변경
• hook 설정하기
• ref와 isVisible return 값으로 설정하고 hook / hold값 매개변수로 받도록

🔥 Memo

[haileyham]

기본 스크롤이벤트 동작

[haileyham]

뷰포트 기준 33% 보일 때 동작하도록 변경 후

[haileyham]

+추가) hook 으로 만듦. 원하는 곳에서

const { ref, isVisible } = useIntersectionObserver(0.33); 

import 하여 이용할 수 있음

[haileyham]

에러 (모바일 버전) -해결완료

• 순간적으로 발생하는 가로 스크롤바
• 개발자도구로 확인해보니 img 크기가 설정과 달리 변화됨을 확인
• hidden class에 img 기존처럼 추가 조정 후, 해결 완료