nextjs
-
[NextJS] 외부 주소에서 이미지 가져올 때..Programming/JavaScript & TypeScript 2022. 9. 7. 08:38
NextJS에서 외부 주소를 통해서 이미지를 가져올 때, 다음과 같은 오류가 발생한다. next.config.js에서 이미지 가져올 domain주소를 넣어줘야한다. 아래와 같이 images에 특정 domain을 넣어준다. 이렇게 하고 npm run dev를 다시 해줘야한다. images:{ domains:['via.placeholder.com'] } 전체 코드 /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, experimental: { reactRoot: true }, swcMinify: true, images:{ domains:['via.placeholder.com'] } } module.export..
-
[NextJS] getServerSideProps, getStaticProps 사용Programming/JavaScript & TypeScript 2022. 9. 7. 08:07
NextJS를 Typescript로 사용하는 것은 항상 타입에 대한 고민을 하게 된다. 대부분 JS로 예제가 많아서 getServerSideProps, getStaticProps의 타입을 적어둔다. server-side-rendering은 페이지가 들어와서 서버에 데이터를 요청할 때마다 갱신 static-side-rendering은 빌드타임에 한번만 서버에서 가져온 데이터를 가져오고, 그걸 local에 보관 근데, NextJS는 왜 static-side를 추천하는것인지...의문임 -> revalidate 를 이용해서 특정 시간 후에 계속 갱신할 수 있는 옵션이 있었음!!!!!!그러면 이걸 써야지... -> props뒤에 revalidate를 사용하자 코드만 간단히 적어둔다. 큰 차이는 props를 받는 ..