본문 바로가기
Front-end/JavaScript

웹 창 크기에 따른 페이지 우회 window.innerWidth / setInterval

by 꼬바리 2022. 8. 31.

윈도우창 사이즈 체크는 간단하게 가능

let winSize = window.innerWidth

 

아래 코드의 경우

1025사이즈를 기준으로 페이지 우회를 하였다.

 

<script>
  let checked ;

    function checkWinSize(){
        let winSize = window.innerWidth;

        if(winSize<1025){
            // location.href="../mobile/index.html";
        }else{
          // location.href="/index.html";
        }
    }
      
    function init(){
    	checked = setInterval(checkWinSize, 1000); 
    }

    init();

</script>

자바스크립트는 리액트 useEffect처럼 

해당 값이 변화하면 실행하는 로직이 존재 하지않음으로

setInterval 사용하여 초마다 윈도우 창의 크기를 체크해야한다.

 

clearInterval(checked);

를 해주지 않은 이유는 페이지를 이동하기 때문이다.

 

페이지를 이동하지않고, setInterval 을 멈춰야한다면,  clearInterval 을 사용해줘야한다.

728x90
반응형

댓글