
[Next.js] Thymeleaf 기반 구조 Next.js로 리팩토링 : Next.js 준비 및 설정 / Docker 컨테이너화 / Nginx 프록시 설정

·
FrontEnd
기존 프로젝트는 Thymeleaf 기반의 간단한 페이지로 구성되어 있었는데프론트 협업을 대비해서 연습해보고 싶어서 Next.js 기반으로 리팩토링‼ 1. Next.js 란?React를 위해 만든 오픈 소스 JavaScript 웹 프레임워크React에는 없는 기능 제공서버 사이드 렌더링(SSR; Server-Side Rendering)정적 사이트 생성(SSG; Static Site Generation)증분 정적 재생성(ISR; Incremental Static Regeneration) 1.1. SSR vs CSR SSR (Server-Side Rendering)CSR (Client-Server Rendering)JavaScript 로딩서버에서 JS 로딩→ 완성된 HTML 클라이언트로 전달(초기 로..