| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- pandas
- 상태
- skt membership
- React 성능 최적화
- 백준
- useMemo
- JSX
- 통신사할인
- Photoshop
- Codility
- grid
- 반응형 웹
- REM
- box-sizing
- CSS
- 알고리즘
- transform
- c
- 수학
- 강화학습
- stl
- useCallback
- 소수
- react
- React.memo
- 포토샵
- SK바이오사이언스
- 미디어 쿼리
- c++
- spring
Archives
- Today
- Total
sliver__
[React] React Rendering 본문
728x90
React는
- 클래스형 컴포넌트
- 함수형 컴포넌트
두 가지의 컴포넌트 종류가 존재한다.
어떤 컴포넌트를 사용하냐에 따라 코드가 다르고,
코드가 다르기 때문에 랜더링 시 수행되는 순서가 다르다.
자세한 내용은 아래의 링크를 참고하자.
[React] 리액트 렌더링 과정
본 글은 도서의 내용을 바탕으로 작성되었습니다. 리액트 렌더링이란? 브라우저 렌더링: HTML과 CSS리소스를 기반으로 웹페이지에 필요한 UI를 그려내는 과정 리액트 렌더링: 브라우저가 렌더링에
s0ojin.tistory.com
728x90
'Frontend > React' 카테고리의 다른 글
| [React] preventDefault() vs stopPropagtaion() (0) | 2025.02.05 |
|---|---|
| [React] workspace 만들기 (0) | 2025.02.04 |
| [React] Hooks (0) | 2025.02.03 |
| [React] State (0) | 2025.02.03 |
| [React] Props (0) | 2025.02.03 |
Comments