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 |
Tags
- 인터럽트
- BreadcrumbsComputer-Networking_A-Top-Down-Approach
- 네트워크
- 시그널 핸들러
- 반효경
- SDK
- vite
- 트랜잭션
- 프로세스 주소 공간
- 데이터베이스
- CPU 스케줄링
- 시스템프로그래밍
- Extendable hashing
- 온디바이스AI
- B tree 데이터삽입
- 커널 동기화
- 코딩테스트 [ ALL IN ONE ]
- 운영체제와 정보기술의 원리
- 쉬운 코드
- 개발남노씨
- 코딩애플
- SQL
- concurrency control
- 갤럭시 S24
- 운영체제
- recoverability
- Git
- 김영한
- 쉬운코드
- 백엔드
Archives
- Today
- Total
티끌모아 태산
What is React JS 본문
728x90
React JS란
- 페이스북에서 만들어진 라이브러리
- Components modules과 비슷하게 컴포넌트로 이뤄줘 있어서 reusable 이 뛰어남.
- Virtual DOM
- JSX(우선 HTML으로 알아두기)을 렌더링 한다. 그러면 Virtual DOM이 업데이트가 됨.
- Virtual DOM이 이전 Virtual DOM에서 찍어둔 Snapshot과 비교를 해서 바뀐 부분을 찾는다. 이 과정을 "difing"이라고 부름.
- 그 바뀐 부분만 Real DOM에서 바꿔준다. 즉 전체를 Reload할 필요가 없다.
*Virtual DOM을 사용하지 않고 Real DOM을 바로 사용할 경우, 어떤 부분을 업데이트 하면 전체를 Reload 해줘야 했기 때문에 느리다는 단점이 있었다. 하지만 Virtual DOM을 사용할 경우 바뀐 부분만 Reload 하면 되기 때문에 속도가 더 빠르다.
728x90
'Web programming > Front-end' 카테고리의 다른 글
| Create React App으로 리액트 시작하기 (0) | 2023.07.22 |
|---|