본문 바로가기 메뉴 바로가기

Fast & Furious

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Fast & Furious

검색하기 폼
  • 전체 분류 보기 (22)
    • Back-End (9)
      • Kotlin (5)
      • Java (1)
      • Spring (3)
    • Front-End (9)
      • Vue3 (2)
      • Javascript (4)
      • React Native (1)
      • React (1)
    • TIL (3)
      • 2023 (3)
    • Etc. (1)
      • Git (1)
  • 방명록

react (1)
React 컴포넌트 생명주기(Lifecycle) 완벽 정리

💡 개요React 컴포넌트는 생성, 업데이트, 그리고 소멸의 단계를 거치며, 각 단계에서 특정한 라이프사이클 메서드/훅이 호출됩니다.컴포넌트가 탄생(마운트), 변화(업데이트), 제거(언마운트)되는 흐름을 이해하면, 효과적으로 side effect를 제어하고 리소스 정리를 할 수 있습니다. React 생명주기 단계와 주요 메서드1. 마운팅(Mounting)컴포넌트가 DOM에 삽입되는 시점에 호출되는 주요 메서드:constructor: state와 이벤트 바인딩 등 초기화 작업.static getDerivedStateFromProps: props 변화를 state에 반영할 때 사용.render: UI 렌더링 담당. 함수 컴포넌트에선 함수 자체.componentDidMount: 마운트(삽입) 직후 호출. 데..

Front-End/React 2025. 7. 16. 23:40
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
  • 실행 컨텍스트
  • kotlin
  • TiL
  • chatGPT
  • REFLOW
  • arr
  • jwt
  • userAgent
  • JavaScript
  • ==
  • noArg
  • allopen
  • react-native-biometrics
  • 배열 추가
  • Vue3
  • repaint
  • 배열 정렬
  • Lifecycle
  • 2023
  • Rest/Spread 연산자
  • frontend
  • deprecated
  • Git
  • 배열
  • 생체인증
  • emit
  • Vue
  • React-Native
  • react
  • springsecurity
more
반응형

Blog is powered by Tistory / Designed by Tistory

티스토리툴바