[250602] TIL

Today I Learned (2025-06-02)

참고 자료

• 리액트 서버 컴포넌트 이해하기

메모

1. 서버 컴포넌트는 Next.js 에서 만든 기능이 아니라 리액트에서 생긴 기능
2. 서드파티 종속성이란 npm, yarn 등으로 설치한 “내가 직접 작성하지 않은” 외부 라이브러리를 말함
3. 하이드레이션은 SSR로 받아온 정적 HTML을 클라이언트에서 이벤트를 바인딩 하는 과정을 말함
4. 정적 HTML과 클라이언트 번들에서 생긴 결과물이 동일한 구조여야 오류가 발생하지 않음
5. 서버사이드렌더링이 서버에서 HTML을 그려주고 내려주는 방법만 의미하는건 아님. 애플리케이션을 빌드할때 HTML을 생성하는 선택지도 있음
6. SSG는 빌드시점에 HTML을 만드는 것이고, SSR의 하위 개념임
7. 온디맨드는 빌드 시점이 아닌, 유저의 요청이 들어오는 시점을 이야기함
8. CDN은 빠른 콘텐츠 전송을 위해 클라이언트와 가까운 곳에 정적 파일을 두는 시스템을 말함
9. 순수 리액트 라이브러리 자체에는 서버가 없으며, 별도의 웹 서버를 두어야함. 그 서버(Express, Nginx, Apache, Vercel, Netlify 등 호스팅 플랫폼)을 통해 정적 파일을 제공함
10. SSR 환경에서는 서버용 번들과 클라이언트용 번들이 각각 생성됨.
11. Next.js 서버에서 HTML을 만들고 클라이언트 번들 js를 포함해서 내려준다.