일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- VirtualDom
- JavaScript
- 암묵적 타입 변환
- Compound Component
- Headless 컴포넌트
- 타입 단언
- Event Loop
- CS
- 주니어개발자
- type assertion
- Microtask Queue
- TypeScript
- react
- webpack
- Render Queue
- task queue
- AJIT
- 명시적 타입 변환
- Pull Request
- 프로세스
- next.js
- Custom Hook
- Sparkplug
- prettier
- linux 배포판
- prettier-plugin-tailwindcss
- docker
- 프로젝트 구조
- 좋은 PR
- Dockerfile
Archives
- Today
- Total
목록VirtualDom (1)
너굴 개발 일지
React 동작원리(Virtual DOM과 Fiber)
React 동작원리에 대해 공부한 것을 정리한 글입니다. 피드백은 언제나 환영입니다!서론프론트엔드 역사 (React를 곁들인)2000년대까지는 LAMP 스택(Linux, Apache 웹서버, MySQL, PHP)이 강세였으며 웹 서버에서 HTML 페이지를 만들어 클라이언트에게 제공하는 방식으로 브라우저는 단순히 HTML 페이지 렌더링, JS는 폼 처리와 같은 부수적인 역할만 하는 방식으로 프론트엔드는 수동적인 역할이었다.2010년대부터는 웹소켓, 캔버스, 지오로케이션 같은 다양한 기능을 브라우저에서 제공하며 JS의 역할은 더욱 넓어졌다. 그러나 DOM API를 다루는 것은 까다로웠기에 JS 코드가 복잡해지게 되었다.간단한 예시로 DOM을 선택하는 방법에 대해 살펴보면 다음과 같다.ID 선택자를 활용하는 ..
React
2024. 11. 3. 16:15