작심삼일 개발이야기

client.js:2 The above error occurred in the component: at Header at LoginContainer at Login at div at eval at main at eval at LoginLayout at AuthProvider at RoutePathProvider at Root at ThemeProvider at QueryClientProvider at RecoilRoot_INTERNAL at RecoilRoot at MyApp at I18nextProvider at AppWithTranslation at PathnameContextProviderAdapter at ErrorBoundary at ReactDevOverlay at Container at Ap..

Next.js에서는 웹페이지의 사용 방식에 따라서 다양한 방식으로 데이터를 가져올 수 있다. 아래에서 설명하는 방법으로 적절한 방법으로 사용하면 될 것 같다. SSR (Server-side rendering) SSG (Static-site generation) CSR (Client-side rendering) ISR (Incremental Static Regeneration) SSR export async function getServerSideProps(context) { return { props: {} } } 해당 함수를 사용하면 서버에서만 실행되고 브라우저에서는 실행되지 않는다. 페이지에서만 사용할 수 있다. 언제 getServerSideProps를 사용해야 되나? 데이터를 가져와야 하는 페이지..

const router = useRouter(); console.log(router); 단 2줄로 에러가 발생했다. console.log가 안된다 ㅋㅋㅋ const router = useRouter(); console.log("", router); console.log 첫 번째 인자로 빈 문자열을 넣어서 해결 가능하다. 해결해주겠지...

Next.js를 사용하면서 현재 url 경로가 필요할 때 react와 동일하게 react-router-dom에 있는 useLocation을 사용해서 찾으려고 했다. 결과는 실패 ㅋㅋㅋ Next.js에서 현재 url을 알고 싶을 땐 useRouter를 사용해야한다. import { useRouter } from 'next/router' function Example() { const router = useRouter(); console.log(router); } pathname: 현재 경로 query: 동적 경로 ( :id 값을 사용하게 되면 해당 객체에 포함이 된다. )