Development/React.js

리엑트를 렌더링하는 방식

moretz0921 2022. 3. 17. 14:41

1. 리엑트를 렌더링하는 방식

1) 클라이언트 사이드 렌더링 (CSR) 
: 웹 브라우저에서 자바스크립트로 HTML을 만드는 것

- 리엑트로 할 수 있는 가장 기본적인 방식의 렌더링
- 자바스크립트로 변환된 리엑트 코드를 웹 브라우저에서 실행해서 html을 만드는 것 


2) 서버사이드 렌더링 (SSR) 
: 서버에서 HTML을 만들고 응답을 보내주는 것


3) 정적 사이트 생성 (SSG)
: 미리 HTML 파일을 만들어서 서버를 배포하는 것 


2. 렌더링을 활용한 리엑트 기술 세가지
1) Next.js
: 리엑트 서버사이드 렌더링 

2) Gatsby
: 리엑트로 정적 사이트 만들기 

3) React Native
: 모바일 앱의 화면




'Development > React.js' 카테고리의 다른 글

Hooks  (0) 2022.03.24
작업 환경 설정  (0) 2022.03.23
리엑트 라우터  (0) 2022.03.16
전역 데이터 다루기, Context API  (0) 2022.03.15
React Hooks  (0) 2022.03.15