본문 바로가기

SSR2

twitter card with csr Twitter card twitter나, sns, 메신저에 post를 공유할때 대표사진과 함께 타이틀이 보여지게 된다. 이게 CSR(SPA)에서 가능할까? CSR에서는 react-helmet이나, document를 사용해 html header의 meta tag등을 변경하게 된다. Javascript bot CSR에서 업데이트된 meta 태그를 읽을려면, sns플랫폼에서 javascript 로딩을 지원해야 한다. 하지만, 대부분 javascript로딩을 지원하지 않고 있다. CSR에서 react-helmet을 사용해 twitter card를 적용 했다는 댓글을 보고, 하루 동안 삽질한 결론이다. SSR 결론은 SSR로 적용이다. twitter card에서 CSR로 적용이 되었다고 해도, 다른 메신저나 플랫.. 2022. 12. 29.
web3 개발자가본 SSR vs CSR SSR vs CSR 검색을 해보면 똑같은 내용이 많이 공유 되는 것을 알 수 있다. 대부분의 내용이 말하는 것은 web2.0기반의 시스템에서는 맞을 수 있지만 , web 3.0기반에서는 조금 다르다. 아래 내용은 hive blockchain client app을 기반으로 설명한다. 서버사이드렌더링(SSR) 처음에 SEO를 고려해 SSR페이지로 제작을 하였다. 고려대상은 SEO와 속도였다. 하지만 여기서 몇가지 문제점이 발생한다. 서버가 필요하다. 이것은 web3.0의 서버 분산화 정책에 맞지 않게된다. 서버 유지보수 비용이 나가게 되고, 서버가 사라지면 클라이언트 앱이 동작할수 없게 된다. 실제로 빠르지않다. SSR이 빠른경우는 Frontend와 Backend가 같은 서버존 내에서 동작할경우이다. 서버의.. 2022. 12. 24.