일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- react
- Compound Component
- Custom Hook
- Recoil
- 회고
- prettier-plugin-tailwindcss
- Microtask Queue
- docker
- 명시적 타입 변환
- type assertion
- helm-chart
- mocking
- useLayoutEffect
- 클라이언트 상태 관리 라이브러리
- linux 배포판
- 프로세스
- AJIT
- 타입 단언
- zustand
- jotai
- 암묵적 타입 변환
- 좋은 PR
- Headless 컴포넌트
- JavaScript
- CS
- Sparkplug
- 25년 2월
- TypeScript
- msw
- Render Queue
Archives
- Today
- Total
목록2024/11/03 (1)
구리

React 동작원리에 대해 공부한 것을 정리한 글입니다. 피드백은 언제나 환영입니다!서론프론트엔드 역사 (React를 곁들인)2000년대까지는 LAMP 스택(Linux, Apache 웹서버, MySQL, PHP)이 강세였으며 웹 서버에서 HTML 페이지를 만들어 클라이언트에게 제공하는 방식으로 브라우저는 단순히 HTML 페이지 렌더링, JS는 폼 처리와 같은 부수적인 역할만 하는 방식으로 프론트엔드는 수동적인 역할이었다.2010년대부터는 웹소켓, 캔버스, 지오로케이션 같은 다양한 기능을 브라우저에서 제공하며 JS의 역할은 더욱 넓어졌다. 그러나 DOM API를 다루는 것은 까다로웠기에 JS 코드가 복잡해지게 되었다.간단한 예시로 DOM을 선택하는 방법에 대해 살펴보면 다음과 같다.ID 선택자를 활용하는 ..
React
2024. 11. 3. 16:15