서버 사이드 렌더링(SSR)

• MPA(Multi Page Application) + ajax + pushState ... 서버 사이드 렌더링
• 브라우저가 페이지에 진입할 때 서버는 HTML 을 만들어서 내려주고, 이후로 페이지 전환이 발생하더라도 브라우저는 ajax 와 pushState 로 페이지 이동 없이 서버로부터 HTML 파일만 받을 수 있음
  즉, 서버로부터 렌더링 데이터를 받는 것을 의미
• 왜 SSR 을 해야하는가?
  검색 엔진 최적화
  빠른 초기 로딩 속도
• Server-Side 와 Client-Side 에서 각각 렌더링을 위한 코드를 따로 만들어야 하는 문제점이 있다.
  Isomorpic(Universal) ... 같은 코드로 Server 와 Client 에서 동일하게 실행되는 환경
• 서버 사이드 렌더링을 Isomorpic 방식으로 제공하는 것이 Next.js 프레임워크

Next.js

• pages 등의 폴더/파일 이름으로 자동으로 라우팅 환경이 잡혀 있다.
• useRouter() ... Next.js 에 라우팅 정보에 접근

---

회고

Next.js 가 뭔지 알 수 있는 시간이었고, 확실히 리액트보다 더 편하게 사용할 수 있는 프레임워크라고 느꼈다. 조금 더 리액트를 잘 다룰 수 있게 될 때 사용해봐도 좋을 것 같다.