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 | 31 |
Tags
- react
- javascript
- swiper
- HTML
- Prometheus
- typescript
- RTL8852BE
- 유한 상태 머신
- 데모데이
- react-dom
- AX210
- Shadow DOM
- 우아한테크코스 레벨3
- Docker
- live share
- CSS
- browserslist
- web component
- github Actions
- scroll-snap
- webpack
- 무선랜카드 교체
- fastify
- custom element
- GitHub Pages
- 우아한테크코스
- 우테코
- 터치 스와이프
- docker-compose
- Grafana
Archives
- Today
- Total
목록context api (1)
IT일상
React Context를 쓰면 전체가 리렌더링된다고?
리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/42/ const App = () => { const [mousePosition, setMousePosition] = useState([0, 0]); // 마우스 움직임을 감지하여 mousePosition 상태 계속 업데이트 useEffect(() => { document.addEventListener('mousemove', (event) => { setMousePosition([event.clientX, event.clientY]); }); }, []); return ( ); }; 이런 구조의 앱이 있다고 가정해봅시다. MouseMovementContext라는게 있고 마우스가 움직이면 상태를 계속 업데이트합니다. MouseMo..
프론트엔드
2023. 4. 30. 19:34