月亮

개발 서버에 nextjs 프로젝트를 올리던중 context-path 설정이 필요해서 알아보고 기록해둔다. 1. next confing 설정 수정 : basePath에 하고 싶은 path 설정 /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, basePath: '/blog', } module.exports = nextConfig 이렇게 설정하면 이미지 import 중 문제가 생긴다. 이미지는 아직 path 설정을 안붙였기 때문 2가지 방법이 존재한다. 2-1. src 경로에 path 붙여주기 2-2. src 경로 안에 Images 폴더 추가하고 안에 이미지 넣기 , 그리고 해당 이미지 import해서 사용..

MPA MPA(Multiple Page Application)는 여러 개(Single)의 Page로 구성된 Application 사용자의 클릭과 같이 인터렉션이 발생할 때마다 해당 링크로 이동하여 앱이 다시 새로고침되는 전통적인 방식(Traditional Page Lifecycle)으로 작동 기본 랜더링 방식 : SSR MPA with SSR 서버에서 랜더링을 진행하고, 연산, 분석이 완료된 HTML 파일을 브라우저에게 전달하고 출력하는 방식 1. 클라이언트가 서버에게 Initial Request(GET Request)(초기화면-main page-을 로드하기 위해)를 하면 서버로부터 완전하게 만들어진 html파일을 받아와 페이지전체를 렌더링 2. 'page reload'를 요청하면(post 방식으로), ..