dalhana 님의 블로그

Next.js를 활용한 렌더링 방식 구현 및 성능 비교데모 사이트: https://tech-seminar-web-rendering.vercel.app/발표 자료: https://www.canva.com/design/DAGt4KxLWPA/view깃허브:https://github.com/dalhana8/tech-seminar-web-rendering프로젝트 개요현대 웹 개발에서 렌더링 방식의 선택은 애플리케이션의 성능, SEO, 사용자 경험에 직접적인 영향을 미칩니다. 본 프로젝트에서는 CSR, SSR, SSG, ISR 네 가지 주요 렌더링 방식을 Next.js로 실제 구현하여 각각의 특성과 적용 사례를 분석했습니다.실제 동작하는 데모 사이트를 통해 각 방식의 동작 원리, 성능 차이, 그리고 실무에서의 선택..

개발 환경 및 전체 구조환경 설정Nginx: 1.28.0Node.js: 18.x포트 구성: 3001, 3002, 3003 (백엔드), 80 (Nginx)서버 구성Nginx (Port 80) ↓├── Node.js Server 1 (Port 3001)├── Node.js Server 2 (Port 3002) └── Node.js Server 3 (Port 3003) - Backup첫 번째 도전: 선별적 Rate Limiting 구현기존 방식의 한계일반적인 Rate Limiting은 모든 사용자에게 동일한 제한을 적용합니다:limit_req_zone $binary_remote_addr zone=limit:10m rate=1r/s;limit_req zone=limit; # 모든 IP에 적용하지만 개발..