Life Cycle

WEB/React

리액트 라이프사이클 메서드 사용하기 [react/life cycle/typescript]

이전 게시글 리액트 라이프사이클 이해하기에 이어서.. 리액트 라이프사이클 이해하기 [react/life cycle/typescript] 리액트는 UI 라이브러리로써, 컴포넌트를 기반으로 한 개발 방식을 채용한다. 이런 모든 리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재한다. 컴포넌트의 수명은 페이지에 렌더링 되기 전 woongtech.tistory.com 라이프사이클 메서드들을 여러개 사용해서 컴포넌트를 만들어볼 것이다. 컴포넌트 생성 LifeCycleSample 이라는 컴포넌트를 만들 것이다. // src/LifeCycleSample.tsx import React, { useState, useEffect, useRef } from "react"; type LifeCycleSampleProps = ..

WEB/React

리액트 라이프사이클 이해하기 [react/life cycle/typescript]

리액트는 UI 라이브러리로써, 컴포넌트를 기반으로 한 개발 방식을 채용한다. 이런 모든 리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재한다. 컴포넌트의 수명은 페이지에 렌더링 되기 전인 준비 과정에서 시작해 페이지에서 사라질 때 끝난다. 리액트 라이프사이클은 컴포넌트가 생성되고, 업데이트되며, 소멸될 때의 상태를 설명하는 메서드이다. 이 메서드들은 컴포넌트가 라이프사이클을 따라서 동작할 수 있도록 도와주는 역할을 수행한다. 라이프사이클 메서드 이해 라이프사이클 메서드의 종류는 크게 3가지 종류로 나눌 수 있다. 마운트 마운트는 컴포넌트가 페이지에 새로 추가될 때 발생하는 단계이다. 이 단계에서는 다음과 같은 메서드가 호출된다. constructor : 컴포넌트가 생성될 때 호출 getDerivedSt..

chanwoong1
'Life Cycle' 태그의 글 목록