250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 웹팩 기본개념
- toggle-btn
- 실행컨텍스트
- 테스트 코드 툴 비교
- 타입스크립트
- 항해99 미니프로젝트
- 리액트
- js배열 알고리즘
- 웹 크롤링
- jwt
- 리덕스
- 알고리즘
- 리액트 렌더링 최적화
- JS module system
- this
- 리액트 메모이제이션
- gql restapi 차이
- 자바스크립트 엔진 v8
- next js
- 렌더링 최적화
- v8 원리
- FP 특징
- 코어자바스크립트
- 함수형 프로그래밍 특징
- Js module
- chromatic error
- 항해99 부트캠프
- 항해99
- 항해99 사전스터디
- 리액트 메모
Archives
- Today
- Total
목록next (1)
Jaeilit
Next JS 기본개념 이해하기
특징 pre-rendering SSR + SSG 지원 간편한 라우팅 코드 스플리팅 Hot Code Reloading 1. pre rendering 사전렌더링 이 개념은 카테고리와 같이 큰 틀로 방식이라는 단어로 접근을 해야 이해하기 쉽다. 사전렌더링이 무엇이냐? 각 페이지마다 html을 미리 그려놓고(생성) 렌더 시에 최소한의 자바스크립트(스플리팅) 된 코드만 실행되어 페이지를 반응성 interactive, 인터랙티브) 있게 한다. 이런 과정을 hydration 이라고 함 쉽게 이야기해서 그려 둔, 또는 그려진 html 을 클라이언트로 내려준다. 리액트의 기본개념 spa, csr의 html 빈 걸 내려주고 거기에 js,css 를 입힌다는 개념과 상반됨. next js 에서는 pre-rendering 의 ..
TIL
2022. 4. 13. 10:45