javascript

프론트 개발을 하다 보면 윈도우 크기를 구해야 할 상황이 많이 생긴다.css로 100vh 나 100% 를 사용해서 해결할 때도 있지만width는 되는데 (100vw) height는 안 되는 경우도 있다.window.innerHeight와 outerHeight도 헷갈릴 경우가 있어서기록을 해둔다. window.outerHeight, window.outerWidth- 탭, 주소창 포함한 브라우저 전체 크기 window.innerHeight , window.innerWidth- 탭, 주소창 제외한 딱 보이는 영역의 크기- 이걸 더 많이 사용!  outerHeight 보다는 innerHeight가 구하고 싶은 window 화면 크기에 더 가깝다. const updateSize = () => { console...

1초마다 함수를 실행을 시켜야 한다면setInterval() 사용해도 큰 무리는 없다.let countNum = 0;setInterval(() => { countNum += 1; console.log(countNum);}, 1000); 적당히(?) 잘 돌아가지만더 정확하게 1초마다 함수를 실행시켜야 할 때가 있다. 예를 들면 60초짜리 게임의 카운트를 센다던가...정확하게 딜레이 없이 딱 맞아야 하는 경우가 꽤 있을 텐데setInterval은 딜레이가 생겨서 아래와 같이 해결했었다. let prevTime = new Date().getTime();let countNum = 60; //60초function render() { let ts = new Date().getTi..