Reading Room 01
close
프로필 배경
프로필 로고

Reading Room 01

  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
  • 홈
  • 태그
  • 방명록

Use Effect가 필요한 이유

useEffect가 필요한 이유 리액트에서는 상태가 변경되면 컴포넌트가 다시 렌더링 되는데, 컴포넌트가 렌더링 될 때마다 코드가 실행된다.axios.get 호출도 이때마다 실행된다.컴포넌트가 다시 렌더링 될때마다 axios.get이 실행되고, set~가 호출되어 상태가 변경되고 다시 렌더링된다.그럼 이 과정이 반복되면서 무한 렌더링이 발생한다. 이때, useEffect를 사용하면 컴포넌트가 처음 렌더링 될때만 코드가 실행되게 할 수 있다.useEffect(() => { axios.get("http://localhost:3000/posts").then((response) => { setPosts(response.data); });}, []);저기 뒤에 빈 배열은 컴포넌트가 처음 마운트 될 때만 실..

  • format_list_bulleted 리액트
  • · 2024. 6. 18.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
최근 글
인기 글
최근 댓글
태그
  • #정보처리기사정리
  • #모던자바스크립트딥다이브
  • #정처기정리
  • #정처기
  • #자바스크립트
  • #정처기공부
  • #정보처리기사
  • #정처기필기
  • #정보처리기사필기
  • #정보처리기사공부
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바