[React] 가로 넓이(setW) 사용시 주의사항

jinah·2021년 10월 10일
0
// 화면 resize
$(window).resize(()=>{
    setW($('#app').width());
});


useEffect(()=> {
    setW($('#app').width());
},[]);

화면 넓이 값을 가져오기 위해서 w(가로넓이)를 사용할 때 setW($(‘#app’)) 무조건 기준은 ‘#app’으로 넣을 것 전체 클래스나 아이디를 주어도 되지만 값이 0이 나올경우 무의미해짐. 따라서 전체를 아우르는 ‘app’을 사용할 것

useEffect를 주는 이유: 화면 resize의 경우 첫번째값을 가져오지 않음.(화면 크기를 조정해야 값을 측정할 수 있음) 따라서 useEffect로 한번 실행되었을 때 첫값을 가져오도록 사용해야함.

참고페이지: event.page.js, main_slideBanner.js

profile
안녕하세요:)

0개의 댓글