틈

Next.js-Typescript 기반에서 반응형 작업을 하고 있는데, 퍼블리셔로서 가장 어려운 것이window.innerWidth 값을 컴포넌트마다 설정해줘야 하는 것이다.처음에는 한땀한땀 해보고, 태그에 따로 [data-width] 도 넣어봤지만,mount 속도가 느린 화면에서는 무용지물... useEffect로 해당 값들이 받아와지지 않았다.도대체... mount가 끝나는 지점은 어떻게 잡아야 하지!!!!!의문이 생길 때쯤 신박한 방법을 찾았다. https://velog.io/@sasha1107/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%B0%98%EC%9D%91%ED%98%95-%ED%99%94%EB%A9%B4-resize-%EC%9D%B4%EB%B2%A4%ED%8A%B8 리액트 ..

1. Getting Started(ㅋㅋㅋ) router를 설치합니다. yarn add react-router-dom index.js에서 셋팅해 줍니다. import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { BrowserRouter } from "react-router-dom"; ReactDOM.render( , document.getElementById("root") ); import { BrowserRouter } from “react-router-dom”; 을 추가하고 App을 BrowserRouter로 감싸줍니다. BrowserRouter를 HashRouter로 변경해서 작업해도 됩니다. (주소에 /#/가..