# lifecycle

41개의 포스트
post-thumbnail

Lifecycle

constructorrendercomponentDidMountfetch완료rendersetStatecomponentDidUpdate(setState 되어서 업데이트 발생)componentWillUnmount자식 컴포넌트가 복수일경우자식1render 자식1componen

3일 전
·
0개의 댓글

AAC (Android Architecture Componets)

2017년 Google I/O에서 새로운 라이브러리인 AAC (Android Architecture Components)를 발표하였습니다. ACC는 안드로이드 앱을 개발하면서 자주 만나게되는 문제들을 쉽게 해결할수 있게 지원해주는 라이브러리이다.

2021년 1월 7일
·
0개의 댓글
post-thumbnail

TIL_IM_20210105(화)

LifeCycle constructor -> render -> componentDidMount -> (setState/props 바뀔 때) -> shouldComponentUpdate -> render -> (부모가 자식 component를 없앨 때 ) -> compo

2021년 1월 5일
·
0개의 댓글
post-thumbnail

TIL_IM_20210104(월)

class Component가 생성 될 때 호출되는 functioncomponentDidMountconstructor를 호출하고 render가 호출되고 난 후 호출class Component가 update 될 때 호출되는 functioncomponentDidUpdate

2021년 1월 4일
·
0개의 댓글
post-thumbnail

[iOS] View Controller Life Cycle

안드로이드 액티비티에 생명 주기가 있듯 iOS 뷰 컨트롤러에도 생명 주기가 존재합니다. 오늘 포스팅에서는 iOS의 뷰 컨트롤러에 대한 내용을 다뤄보겠습니다.

2020년 12월 8일
·
0개의 댓글
post-thumbnail

💙 React 활용법 핵심 요약

이 글은 "리액트를 다루는 기술(김민준, 길벗)"을 요약한 글입니다. 많은 예제 코드들이 이 책에서 인용되었습니다. 자세하고 정확한 내용을 확인하시려면 책을 직접 구매해 읽어보시기를 추천드립니다.

2020년 12월 3일
·
0개의 댓글
post-thumbnail

[React] 5. State와 LifeCycle

컴포넌트 내에서 동적으로 변동되는 데이터를 관리하며, 기본값(Default Value)이 미리 설정해야 사용할 수 있다.State는 비공개이며 컴포넌트에 의해 완전히 제어된다.클래스 컴포넌트에서 사용이 가능하다. 함수형 컴포넌트는 Hooks를 사용우선 State는 클래

2020년 11월 24일
·
0개의 댓글
post-thumbnail

React | LifeCycle

#What LifeCycle? 흔히 리액트에서 LifeCycle API라고 불리우며, >component가 DOM위에 생성되기 전 후 데이터가 변경되어 상태를 업데이트 하기 전후로 실행되는 메소드의 집합이다. 언듯 보기엔 큰 중요성을 못 느끼는 부분도 많겠지만 이를

2020년 11월 8일
·
0개의 댓글

React - Lifecycle

값을 바꿀 때는 무조건 Setstate 해줘야 render도 된다 componentDidMount 는 최초 render 될 때 한 번만 불린다

2020년 11월 8일
·
0개의 댓글
post-thumbnail

React | Component의 Lifecycle

React는 컴포넌트 단위로 화면에 렌더링하는데, 이 때 각각의 컴포넌트는 Lifecycle을 갖는다. 다음은 라이프사이클 다이어그램이다. 이번에는 리액트의 LifeCycle API에 대해 알아보자. Lifecycle 자세한 다이어그램은 이곳에서 볼 수 있다.컴포넌트

2020년 11월 2일
·
0개의 댓글
post-thumbnail

[React] Lifecycle 생명주기

React lifecycle API 에 대해 알아보자

2020년 10월 29일
·
0개의 댓글
post-thumbnail

TIL] React-component lifecycle

🙄 Component lifecycle : component를 초기화하고 DOM에 연결할 때 . lifecycle method: constructor(): mounting 구문에서 첫번째로 호출되는 method render(): moun

2020년 10월 13일
·
0개의 댓글

[Vue JS] 무한스크롤과 라이프사이클 Hook

intro Life Cycle Hook in Vue image > Vue 인스턴스가 생성되고 소멸되기까지의 과정 속에서 콜백 함수를 걸어줌으로써 DOM 조작을 할 수 있다. > 다시말해 인스턴스가 생성(Create), HTML 노드와 연결되고(Mount) 변화되는(Update) 되는 순간을 JS로 탐지하고(Hook) > 적절한 function을 통해 조...

2020년 10월 10일
·
1개의 댓글

[TIL] 2020/10/06

Today, I Learned 선언형 vs 명령형(절차형) 한번더 공부하기 : 참조 사이트 리액트(react)는 어제도 정리했지만, 자바스크립트 라이브러리로, 주요한 특징으로는 'User Interface(UI)' 를 Component 단위로 관리한다는 것이다

2020년 10월 6일
·
0개의 댓글
post-thumbnail

[React] Lifecycle

렌더함수가 실행되면 React가 JSX를 DOM에 붙여준다. 붙여준 그 순간 특정한 동작을 할 수 있게 만든다. 그게 바로 ComponentDidMount() ComponentDidmount 는 render가 성공적으로 실행됐을 때 실행된다. Class형 컴포넌트의

2020년 10월 4일
·
0개의 댓글
post-thumbnail

React - velopert html 정리(2)

(본 글은 Velopert님의 https://react.vlpt.us/ 를 정리한 내용입니다.): class형 컴포넌트에서 componentDidMount, componentDidUpdate와 같은    lifeCycle을 hooks에서는 useEffect로

2020년 10월 2일
·
0개의 댓글
post-thumbnail

[React] Lifecycle

Lifecycle로 인한 오류

2020년 9월 19일
·
0개의 댓글
post-thumbnail

React - Lifecycle

React의 Component는 생명주기가 있다. Component가 실행(mounting) / 업데이트 / 제거(unmounting) 될 때, 특정한 이벤트들이 발생하게 된다.단계에 따라서 아래에 나올 함수들이 순서대로 실행이 된다.Mounting은 element를

2020년 9월 5일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 7장, 컴포넌트의 라이프사이클 메서드

# 😀 라이프사이클 메서드의 이해 ## 마운트 ## 업데이트 ## 언마운트 ## componentDidCatch # 🙄 라이프사이클 메서드 사용하기

2020년 8월 20일
·
0개의 댓글

React의 라이프 사이클(생명주기)

리액트에서 컴포넌트를 만드는 방법은 클래스로 만드는 방법과, 함수로 만드는 방법이 있다. 이 글에서 작성하고자 하는 라이프 사이클(생명주기)은 클래스로 만든 컴포넌트에서 사용하고 적용할 수 있다. 라이프 사이클(생명주기) componentWillMount -> r

2020년 8월 15일
·
0개의 댓글