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
- 코딩테스트 [ ALL IN ONE ]
- SDK
- concurrency control
- 데이터베이스
- 시그널 핸들러
- Extendable hashing
- 트랜잭션
- 백엔드
- 갤럭시 S24
- vite
- B tree 데이터삽입
- 프로세스 주소 공간
- 반효경
- 김영한
- 코딩애플
- 쉬운코드
- 개발남노씨
- 시스템프로그래밍
- SQL
- 커널 동기화
- CPU 스케줄링
- 온디바이스AI
- 인터럽트
- recoverability
- Git
- 운영체제
- 쉬운 코드
- 네트워크
- 운영체제와 정보기술의 원리
- BreadcrumbsComputer-Networking_A-Top-Down-Approach
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 |
---|