useEffect에 대해서

2022. 6. 4. 12:59·웹/리액트

useEffect는 리액트 컴포넌트가 렌더링 될 때 마다 특정작업을 실행할 수 있도록 하는 hook이다.

그냥 뭐 새로고침 될때마다 뭔가 실행되게 한다고 생각하면 좀 쉬울지도?

아무튼 형태는 다음과 같다.

useEffect(function, deps)

*function = 수행하고자 하는 작업 (함수)
*deps = 검사하고자 하는 값 또는 배열

렌더링 될때마다 실행시

useEffect(function, [])

한번 렌더링 될때 처음 딱 한번 실행시 =배열에 아무것도 안넣음. 하지만 빈배열

useEffect(function, [])

특정 props 나 state가 변경될 때 실행시???, =특정값일때 실행

useEffect(function, [바뀌는값])

여기에서 뭔말인가 싶은데

특정 props나 state가 변경될 때 라는 말은 그냥

저 바뀌는값이라는 배열에 들어가는 값이 변경될때! 마다 function을 실행하겠다는 것이다.

아무튼 그러하다.

반응형
저작자표시 비영리 변경금지 (새창열림)

'웹 > 리액트' 카테고리의 다른 글

리액트 스터디 4탄) props  (0) 2022.07.12
리액트 스터디 3탄) virtual DOM  (0) 2022.07.12
리액트 스터디 2탄) 리액트란?  (0) 2022.07.12
리액트 스터디 1탄) mvc 아키텍쳐  (0) 2022.07.12
Link 와 useNavigate의 차이점  (0) 2022.06.03
'웹/리액트' 카테고리의 다른 글
  • 리액트 스터디 3탄) virtual DOM
  • 리액트 스터디 2탄) 리액트란?
  • 리액트 스터디 1탄) mvc 아키텍쳐
  • Link 와 useNavigate의 차이점
진ddang
진ddang
안녕하세요 진땅의 개발자 블로그 입니다. 피드백은 환영입니다. 깃헙 : https://github.com/it794613
    반응형
  • 진ddang
    맛동산이
    진ddang
  • 전체
    오늘
    어제
    • 분류 전체보기 (199)
      • 일기 그리고 목표 (1)
      • 웹 (20)
        • 리액트 (19)
      • 앱 (115)
        • Swift 문법 (15)
        • Swift (65)
        • SwiftUI (32)
        • 리액트 네이티브 (3)
      • CS (30)
        • 컴퓨터그래픽스 (8)
        • 운영체제 (6)
        • 네트워크 (16)
      • 알고리즘 (13)
        • 백준 (12)
        • 프로그래머스 (1)
      • 대외활동 (7)
        • ict한이음(2022.04) (2)
        • 멋쟁이 사자처럼 (5)
        • Apple Developer Academy (0)
      • 다양한 내용들 (8)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    후기
    스위프트
    TCA
    컴퓨터그래픽스
    ReactorKit
    문법
    알고리즘
    c++
    영남대
    운영체제
    멋사
    웹
    swift concurrency
    위젯킷
    dispatchqueue
    Protocol
    cs
    SwiftUI
    spritekit
    uikit
    widgetkit
    멋쟁이사자처럼
    composable architecture
    네트워크
    리액트
    widget
    스유
    대외활동
    백준
    Swift
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
진ddang
useEffect에 대해서
상단으로

티스토리툴바