이영's 개발로그

이영's 개발로그

  • 분류 전체보기 (42)
    • 글 (4)
      • 개발 (1)
      • soft skill (1)
    • 자바스크립트 (4)
      • TypeScript (1)
      • 알고리즘 (2)
      • 기본 (1)
    • 프론트엔드 (15)
      • ReactJS (5)
      • ReduxJS (2)
    • 테스트 (0)
    • CS (5)
      • 네트워크 (5)
    • 기타 (2)
      • TIP (0)
  • 홈
RSS 피드
로그인
로그아웃 글쓰기 관리

이영's 개발로그

컨텐츠 검색

태그

frontend 프로토콜 Redux 원티드 프리온보딩 렌더링 리액트 프론트엔드 상태관리 브라우저 TCP MPA 토큰 Spa SSR react 네트워크 js 프론트 보안 로그인

최근글

댓글

공지사항

아카이브

server(1)

  • 리액트서버 API와 hydration이 뭔데?

    WHY? 요새 대체 SSR과 Hydration이 뭔지는 알고는 있지만 정확하게 어떻게 돌아가는지 몰라서 이 글을 작성하게 됐습니다.React Server API리액트에서는 서버 환경(node) 에서 사용할 수 있는 API가 존재합니다. 이를 통해 서버환경에서 리액트를 렌더링할 수 있습니다.왜 이게 나왔을까요 ??- 클라이언트에서 모든 렌더링을 해결하는(CSR)은 여러 단점이 존재했습니다.- SEO, 보안문제, 더 늦은 초기 로딩 속도 등등 ..- 따라서 서버에서 리액트를 서버렌더링을 해줘야하는 상황이 필요해져서 그렇습니다. 그렇다면 어떤 API들이 있을까요 ?renderToStringReact Tree를 string으로 변환해줍니다.import { renderToString } from 'react-do..

    2025.02.20
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바