NextJS

Next.js의 getStaticPaths 함수는 정적 생성(static generation)을 위한 경로를 동적으로 설정하는 메서드입니다. 이 함수는 Next.js에서 동적 경로를 사용하는 페이지에 사용됩니다. getStaticPaths 함수는 비동기 함수로 작성되

useRouter는 Next.js에서 제공하는 Hook 중 하나로, 현재 페이지의 라우터 정보를 가져올 수 있게 해주는 기능입니다. 이 Hook을 사용하면 현재 페이지의 URL, 쿼리 파라미터, 라우트 매개변수 등과 같은 라우터 정보에 접근할 수 있습니다. useRou

Next.js의 최신 버전에서는 Link 컴포넌트가 a 태그로 렌더링되기 때문에 Link 컴포넌트의 자식으로 a 태그를 사용하는 것은 유효하지 않습니다. 이로 인해 "Invalid Link with a child" 오류가 발생할 수 있습니다. 이 오류를 해결하기 위해서

Git Commit History

getStaticProps 함수는 Next.js에서 정적 생성(Static Generation)을 위해 사용되는 함수입니다. 페이지에서 getStaticProps 함수를 사용하면 Next.js는 반환된 프로퍼티를 사용하여 빌드시 페이지를 pre-rendering 렌더링

어플리케이션이 네트워크에 배포가 될때 어디에 코드가 저장되고 실행되는지를 이해하면 도움이 됩니다. Next.js는 Origin, CDNs, Edge 서버에 코드를 분산 저장하고 실행할 수 있습니다. 이는 전체적인 성능 향상과 사용자 경험 개선을 목표로 합니다.오리진 서

app router는 내부적으로 pages router와 동시에 동작하도록 구현되어 있기 때문에 page router에서 app router로 점진적 migration을 할 수 있습니다. toy project 마이그레이션 경험을 바탕으로 마이그레이션 할는 방법에 대해

createContext는 client component에서만 사용할 수 있습니다. 저는 react query를 layout에 추가해주려고 할때 아래의 오류가 발생했습니다. 저는 이 오류를 전체 layout을 client component로 만들지 않고 createC