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 |
Tags
- 렌더링 최적화
- JS module system
- 타입스크립트
- jwt
- FP 특징
- 항해99 부트캠프
- gql restapi 차이
- toggle-btn
- Js module
- 리액트
- this
- 알고리즘
- 테스트 코드 툴 비교
- 웹팩 기본개념
- 함수형 프로그래밍 특징
- js배열 알고리즘
- 웹 크롤링
- 리액트 메모이제이션
- 항해99 미니프로젝트
- 리덕스
- 자바스크립트 엔진 v8
- next js
- 코어자바스크립트
- v8 원리
- 리액트 메모
- chromatic error
- 리액트 렌더링 최적화
- 실행컨텍스트
- 항해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