profile
리엑트 프론트엔드 개발자
post-thumbnail

ssr 삽질기 - styled-component가 잘 렌더링되지 않아요!

찰나의 시간동안 스타일이 전혀 입혀지지 않은 plain text들이 화면에 표시되는 것이 문제였습니다. SSR과 코드스프리팅의 특성상 첫 화면을 렌더링하고 동적임포트 한 chunk된 javascript들이 hydrate 되는데요, hydrate 되기 이전에 첫 렌더링

2020년 5월 17일
·
0개의 댓글
post-thumbnail

SSR- CSR 101

CSR / SSR 참고 이미지 우리가 사용하는 크롬과 같은 브라우저를 UI, 그리고 React를 웹팩과 같은 번들러로 빌드하고 이를 뿌려주는 node.js 와 같은 JS Runtime , 마지막으로 없어서는 안될 서버가 위의 도식과 같이 있습니다. 클라이언트 사이드 렌

2020년 4월 13일
·
2개의 댓글
post-thumbnail

next.js 프로젝트 초기설정하기

본 글에서는 다음을 다룹니다. next.js 는 SSR 을 사용할 수 있게 해주는 모듈입니다. React.js에 SSR을 이용해 SEO(Search Engine Optimization)을 적용할 수 있게 해주며 SEO가 적용된 프로덕트는 구글과 같은 사용자가 많이 사용

2020년 4월 7일
·
0개의 댓글