거의 알고리즘 일기장

해본 이유 회사에서 신규프로젝트의 프론트 부분을 맡게 되었다... 이번 프로젝트는 검색엔진에 노출이 잘되어야하는 프로젝트여서, seo에 유리한 ssr로 해야했다. 먼저, 이 프로젝트는 react를 이용할 예정임으로 react에서 ssr을 적용하는 경우를 생각해보았다. 1. react 자체적으로 ssr을 구현한다. 2. next.js 등 라이브러리 붙여서 편안하게~ 개발한다. 당연히 서비스를 만드는건 2번이고, 1번은 어떻게 하는지 호기심이 들어서 해보았다. 1차 시도 솔직히 어떻게 하는지 감도 안잡혀서 구글신께 여쭤봤더니 한글로 되어있는 괜찮은 글을 찾았다. https://minoo.medium.com/next-js-%EC%B2%98%EB%9F%BC-server-side-rendering-%EA%B5%A..

ㅇㅂ이 글은 React 18: Suspense를 이용한 새로운 SSR 아키텍처 라는 괜찮은 글을 읽어 리마인드용으로 작성하는 글이다. 많은 부분이 생략되었고 내가 이해한게 조금 틀릴수도 있으니 원글을 읽는걸 추천한다..ㅎㅎ 저번에 react에서 지원하는 Suspense, React.lazy를 이용해서 code spliting을 해본 적이 있는데, 그때는 Suspense, React.lazy가 ssr에서 지원이 안되었다. 그런데, React 18 에서 이 부분이 추가가 되는것으로 보인다. https://github.com/reactwg/react-18/discussions/37 New Suspense SSR Architecture in React 18 · Discussion #37 · reactwg/rea..