nextjs

CORS 란CORS는 Cross-Origin Resource Sharing의 줄임말로 교차-출처 리소스 공유하고도 한다.즉, 다른 출처라고도 말할 수 있고 다른 출처이기 때문에 발생하는 에러라고도 할 수 있다. next.config.mjs 설정** next.config.mjs **/** @type {import('next').NextConfig} */const nextConfig = {    reactStrictMode: true,    swcMinify: true,    async rewrites() {        return [            {                source: '/api/:path*',                destination: 'http://apis.data..

# next.js 란nextjs는 React로 만드는 서버사이드 렌더링 프레임 워크입니다 Pre Rendering (Next에서의 데이터 렌더링 흐름)Next는 초기에 서버단에서 미리 만들어진 page폴더 안쪽의 정적 컨텐츠를 미리 렌더링한 상태에서 브라우저에서 서버 요청시 바로 호출(SEO좋음)이후에 동적인 데이터 연동을 위한 리액트 컴포넌트가 로드완료되면 Static한 페이지에 해당 내용을 결합 (Hydration)기존 React의 CSR방식에서는 모든 서브페이지에 해당하는 파일들을 모두 가져온다음 렌더링하기 때문에 초기 로딩속도가 늦음 (SEO안좋음)Next는 페이지별로 미리 pre-render된 파일을 가져오고 서브페이지에 해당 하는 파일들을 json형태로만 가지고 있다가 해당 페이지를 호출하는 ..