My Boundary As Much As I Experienced

tl; dr 어떤 문제를 해결하려 했나? 끄지 못해서 빼곡해진 탭들 때문에 PC자체를 며칠동안 못 끄는 상황 어떻게 해결하려 했나? 지금 켜져 있는 탭들을 한 번의 클릭만으로 스냅샷 찍듯이 저장해놓는 서비스 발견한 문제점 개발 관련해서 리서치를 하다보면 두 세개씩 새로운 페이지를 킬때도 많고, 끄기도 힘든 경우도 많다. 그래서 내 브라우저 탭은 항상 제목이 짤리고 아이콘만 보일 정도로 빽빽한 경우가 많다. 그리고 북마크바에 정보를 넣으면 왜 이 정보를 넣었는지 기억이 안 나는 경우가 많다. 메타태그에 있는 사이트 이름만으로는 언제, 무슨 상황에서 정보를 저장했는지 알수도 없다. 그래서 나는 카카오톡에 오픈채팅방을 종류별로 만들어서 (나 혼자만 있다) 그 안에 다시 볼 정보들을 저장해놓는 습관을 가지고 있..

문제 Next.js 환경에서 window 객체에 접근해야되는 일이 생겼다. useInnerWidth하는 훅을 만들어서 resize 이벤트를 감지해서 위 gif 스티커들의 좌표와 크기를 반응형으로 조절해주는 기능을 구현하기 위해 필요했다. 그런데 Next.js 환경에선 window객체에 접근하면 referenceError: window is not defined라는 에러를 반환한다. 원인 Next.js에선 기본적으로 ssr로 페이지를 로딩하기 때문에 window 전역 객체가 브라우저를 뜻하지 않는다. 그러므로 구글에서 next.js의 window객체 접근 에러에 대해 찾아보면 흔히 'csr로 전환하기 위해서 "use client"를 해주면 해결된다.'라고 흔히 답을 찾을 수 있는데 이것만으로는 부족할 수 ..