SSR — 서버가 먼저 그린다

프런트엔드 심화 · 중급 · 이론 1 · 퀴즈 1 · 실습 1

서버 렌더링은 '빠르게 보이는 것' 때문에 하는 것이 아니라 첫 바이트에 내용이 들어 있게 하려고 합니다. 문자열을 만드는 일이라 XSS 와 하이드레이션 불일치가 따라오는데, 둘 다 직접 일으켜 보고 막습니다.

실습 시작하기

커리큘럼

참고 문서

• MDN — XSS 와 출력 이스케이프
• OWASP — XSS 방지 치트시트
• React — 하이드레이션 불일치
• React — 스트리밍 SSR
• Next.js — 렌더링 방식
• MDN — Cache-Control
• web.dev — Core Web Vitals