귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

Studying/React

리액트 공부하기 - 생명주기 총 정리 !

creamymood 2025. 4. 10. 22:33

 

 

 

 

지난번에 class형 컴포넌트와 함수형 컴포넌트에 대해 

종류가 무엇이고, 각 컴포넌트의 장단점에 대해 공부 했었다.✎🤍

 

그 중 간단히 공부했었던, 생명주기에 관련하여 오늘 조금 더 깊게 정리해보았어요 ! 🤍

 

 

🤍


 

1. 생명주기란 ? 

2. 왜 필요한가?

3. 클래스형과 함수형의 생명주기


💡✨생명주기란?

 

▾ 아래 내용을 읽는다면, 한방에 이해 가능.

 

리액트 공부하기 - 생명주기를 쉽게 이해해보자. (개인적인 견해를 덭붙여서)

생명주기란 말.. 너무 와닿지 않아 너.. 생명 주기 때문에 어려움을 겪고 계신 여러분들,, 제 글을 보며 조금 도움이 되길 바랍니다...    그냥 생명주기라고 하지말고 관리타이밍 이라고 이

creamymood.tistory.com

 

 

컴포넌트는 태어나고(mount), 살고(update), 사라진다(unmount).

React는 이걸 자동으로 관리해주는데, 우리가 여기에 중간중간 개입할 수 있는 타이밍을 주는 것


 

💡✨왜 필요한걸까?

 

▾ 아래 내용을 읽는다면, 한방에 이해 가능.

 

리액트 공부하기 - 생명주기란? 왜 필요할까? 어디에 쓰일까?

리액트 생명주기 공부하는 동안 내 마음 ↓  그래도 해야지.. 어떡해.    1. 생명주기란 ?2. useEffect()?3. 언제 주로 필요로 하는가  3-1 데이터 받아올 때,   3-2 이벤트 핸들러 사용시,   3-3 타

creamymood.tistory.com

 

주로 특정 시점에 특정 조건이나 함수를 실행 시키기 위해서타이밍 관리 라고 쉽게 생각해보세요 


💡✨class형 컴포넌트의 생명 주기

 

 

▾ 아래 내용을 읽는다면, 한방에 이해 가능.

 

리액트 공부하기 - class형 컴포넌트 생명주기

클래스형 컴포넌트야 .. 우리 이제 그만 만나면 안될까 ..  응 안돼.. 기술 면접도 봐야하고, 예전 코드도 읽을 줄 알아야지 ..  💡✨class형 컴포넌트의 생명 주기 클래스형 컴포넌트가 생성될

creamymood.tistory.com

 


💡✨함수형 컴포넌트의 생명 주기

 

 

▾ 아래 내용을 읽는다면, 한방에 이해 가능.

 

리액트 공부하기 - 함수형 컴포넌트 생명주기

함수형은 그나마 재밌어 ~ 함수형은 그나마 재밌어 ~ 함수형은 그나마 재밌어 ~  .....💡✨ 함수형 컴포넌트 생명주기와 메서드 클래스 컴포넌트의 생명주기 메소드는 3가지가 있었지만,함수

creamymood.tistory.com