SSR, CSR의 개념과 차이점

이번 글에서는 2가지 렌더링 방식인 SSR(Server Side Rendering)과 CSR(Client Side Rendering)의 개념, 차이점, 동작 방식, 그리고 어떤 상황에서 어떤 방식을 선택해야되는지를 살펴 보겠습니다. 웹 애플리케이션을 개발할 때 SSR(Server Side Rendering) 과 CSR(Client Side Rendering) 은 반드시 이해해야 할 핵심 개념입니다. 특히 Next.js 같은 현대적인 프레임워크는 두 방식을 모두 지원하기 때문에, 각각의 동작 원리와 차이를 명확히 … 더 읽기

Next.js + FastAPI 프로젝트에 Mantine UI 적용하는 방법

이번 글에서는 Next.js 기반 프론트엔드에 UI 컴포넌트 라이브러리인 Mantine UI를 적용하는 방법과 저의 프로젝트에 적용 과정에서 발생한 SSR(Server Side Rendering) 관련 오류 해결 방법까지 다루겠습니다. 🧩 개발환경 1. Mantine UI란? Mantine UI는 React 기반의 오픈소스 UI 컴포넌트 라이브러리입니다.TypeScript와 SSR을 지원하며, 다크 모드, 스타일 시스템, 접근성(ARIA) 기능이 내장되어 있습니다. 주요 특징 Next.js와 궁합이 좋고, 다양한 UI … 더 읽기