본문 바로가기

IT일상

검색하기
IT일상
프로필사진 solo5star

  • 분류 전체보기 (56)
    • IT 리뷰 (12)
    • 인프라 (9)
    • 프론트엔드 (23)
    • 우아한테크코스 (7)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
일 월 화 수 목 금 토
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
  • CSS
  • browserslist
  • 유한 상태 머신
  • javascript
  • web component
  • custom element
  • fastify
  • react-dom
  • 우테코
  • scroll-snap
  • docker-compose
  • typescript
  • 터치 스와이프
  • 데모데이
  • webpack
  • react
  • live share
  • GitHub Pages
  • github Actions
  • Grafana
  • 우아한테크코스
  • Docker
  • RTL8852BE
  • Prometheus
  • HTML
  • 무선랜카드 교체
  • 우아한테크코스 레벨3
  • Shadow DOM
  • AX210
  • swiper
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록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
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바