[React Projects]04.CommunityFeed

Crazy.K·2022년 7월 16일
0

React Projects 2019

목록 보기
4/6

Github

StackTrace의 공개 API를 통해 질문목록을 조회하고
react-router를 통한 페이지 이동 처리
그리고 express를 사용하여 server-side-rendering 처리 하는 방법을 다룬다


리액트 라우터 6이 최신버전인 지금 사용방법이 많이 달라 라우터 관련내용은 보기에 좋진 않지만 어차피 어떤 책을 봐도 리액트 라우터 홈페이지보다 좋은 내용은 없을 것이다

SSR의 방식에 대한 설명은 없었지만 대강 보니...


1. react 컴포넌트 준비
2. ReactDOMServer를 사용하여 렌더링 된 html 문자열 준비
3. html에서 들어가야 할 위치(예를 들어 <div id="root"></div>)의 문자열을 치환


하는 식으로 처리하는데...
생각보다 허접했다...
그리고 SSR이 필요하다면 직접 express로 구현할 일이 있을까 싶다
지원되는 프레임워크를 사용하겠지...

Helmet으로 타이틀을 변경 할 수 있다
그냥 그런게 있다는걸 알았다

새로운 내용을 알게되는건 많지는 않은데
버전차이로 인한 삽질 시간이 점점 길어지는 것 같다

profile
미치도록 하기 싫다...

0개의 댓글