목록라이프사이클 (2)

far

[React] 리액트 라이프사이클

공부를 위해 여러 블로그를 보며 정리 한 글 라이프 사이클이란 함수형 컴포넌트에서의 생명주기를 말하며, 컴포넌트가 페이지에서 렌더링 되기 전인 준비 과정부터 시작해 페이지에서 사라질 때 끝이 난다. 라이프사이클의 분류 라이프 사이클은 총 9개가 존재하며 크게는 아래와 같이 세 가지 유형으로 나눌 수 있다. 더보기 componentDidMount : 렌더가 처음 실행될 때 실행되며 리렌더링이 일어날 땐 실행되지 않는다. componentDidUpdate : 리렌더링 후에 실행된다. componentWillUnmount : 컴포넌트가 제거되기 직전에 실행된다. 라이프사이클의 실행 리액트의 실행 순서를 정리하면 클래스의 경우 이 순서로 실행이 된다. (자주 안쓰이는 것 제외) 더보기 constructor ->..
React/기록 2022. 12. 24. 17:00
[Vue.js] Vue의 라이프사이클

라이프사이클 훅(Lifecycle Hooks) 라이프사이클이란 Vue의 인스턴스나 컴포넌트가 생성되고 소멸되기까지의 단계를 말하며, 특정 단계에서 개발자가 의도하는 로직이 실행될 수 있도록 도와준다. 라이프사이클 훅의 단계는 Option API기준 Creation -> Mounting -> Updating -> Destruction 순서로 실행된다. 하지만 Vue3(Composition API)에서는 setup 프로퍼티가 creation을 담당하기 때문에 creation의 사용이 불필요해졌다. 그래도 여전히 vue생태계는 Vue2(Option API)를 사용하는 곳이 많기 때문에 creation이 어떻게 작동되는지 알아둘 필요는 있다. (괄호 안은 Composition API) 1. beforeCreat..
Vue 2022. 10. 9. 00:30
이전 Prev 1 Next 다음