[joDMSoluth] 19/10/01 하루공부

오늘의 공부 zeroCho의 react-nodebird강의 보기

Velog 시작, MarkDown 익히기

• 19.10.01, PM 4:00, zeroCho님의 강의를 통해 개발자 블로그의 중요성을 실감해서 Velog 시작 ~ 나중에 개인블로그를 만들 예정

NextJS 입문

• SSR과 CSR의 차이
  1. 렌더링 하는 곳이 서버인지 클라이언트인지의 차이
  2. 전통적인 웹 동작(SSR)은 새로고침할 때마다 서버에서 페이지를 불러옴(화면전환이 많으면 서버의 부담상승), 이제는 불러올 정보량이 많아짐에 따라 SPA기법 사용(첫로딩이 길지만 화면전환의 부담이 줄어듬)

• SPA의 문제점
  1. 첫 로딩시 모든 파일을 클라이언트에서 처리해서 렌더링하기 때문에 첫 로딩이 길다. (코드스플리트로 이를 해결)
  2. 구글 웹 크롤링은 JS파일을 이용해야 하는데, 클라이언트가 JS파일로 렌더링하기 때문에 렌더링 전에는 빈파일이므로 상대적으로 웹크롤링에 이용할 JS파일이 적기 때문에 SEO문제가 있다.

• 위의 문제점을 해결하여 쉬운 서버사이드 렌더링을 위해 NextJS라는 리액트 프레임워크를 사용, NextJS를 사용하지 않은 순수리액트를 이용한 SSR은 진입장벽이 높으므로 아직까지는 보류ㅠ