Next
1.[Next.js] 정리 1
클라이언트 사이드 렌더링 프리렌더링 (정적생성, ssr) 리액트에서 프리렌더링을 하려면 여러가지가 필요함 서버가 필요함 일단 서버 실행에 필요한 코드들.. 등등 Next js는 이걸 해결해줌 프리렌더링 알아서 해주고 Vercel로 서버호스팅 쉬움 Next.js에 최
2023년 9월 19일
2.[Next.js] 정리 2
( 진짜 너무 편하다.. )SSG ( static site generation, 정적사이트 생성 )을 위해서 getStaticProps를 사용해야한다. SSG에서는 빌드시 api등으로부터 데이터를 얻어, 페이지를 그려서 정적파일로 생성한다. 빌드 시에 getStatic
2023년 9월 21일
3.[Next.js] 정리 3
useRouter() 훅은 Next.js의 라우팅 정보를 담고 있는 객체를 반환한다. 이 객체 내에는 현재 페이지에 대한 다양한 정보와 메서드가 들어있다.pathname : 현재 라우트의 경로이름query : 쿼리 문자열 파라미터를 객체 형태로 담고 있다asPath :
2023년 9월 21일
4.[next.js] Duplicate Atom key 문제
몰라서 잠깐 널 미워했어 next.js야 미안해지금 Next.js를 사용하여 프로젝트를 하고 있는데 뭔가 이상했다.핫리로딩을 하는데 스타일 조금 바꾼 것 뿐인데 엄청 오래 걸렸다. \- 한 10초?이 오류는 핫모듈교체 (HMR, hot module replaceme
2023년 11월 16일