# life cycle

Lifecycle & useEffect
컴포넌트는생성이 될 수도 있고(mount)재렌더링이 될 수도 있고(update)삭제가 될 수도 있다.(unmount)라이프사이클을 배우는 이유는 컴포넌트 인생 중간중간에 간섭할 수 있기 때문이다.간섭이란 컴포넌트가 장착될 때 , 업데이트 될 때 등 특정 코드를 실행할

React Life Cycle ( 리액트 생명주기)
안녕하세요. 민 입니다. 💁♂️ 오늘은 부끄럽지만 반성에 대한 의미를 가지며 기초에 대해서 다시 공부해보려고 합니다. 프로젝트를 진행하며 React를 사용하고 useEffect , useState 등 상태변화와 component에 대한 개념만 숙지한 이후에 프로젝트

함수형 컴포넌트에서의 라이프 사이클(생명주기), useEffect 훅, 마운트와 렌더링의 차이점 이해하기 (React-Typescript)
React 컴포넌트의 라이프 사이클이라는 것은 컴포넌트의 생성, 업데이트, 제거 과정에서 일어나는 일련의 단계를 의미한다. class형 컴포넌트에서의 생명주기 메소드는 컴포넌트가 특정 시점에 어떤 동작을 수행하는지를 정의하고, 이를 활용하여 컴포넌트의 동작을 조절할 수

스프링 생명 주기
스프링 컨테이너가 생성될 때 스프링 빈도 같이 생성이 되고 빈 객체들간의 의존성도 주입이 된다.스프링 컨테이너를 close() 메서드를 이용하여 종료시키면 빈 객체도 같이 소멸된다.여기서 소멸된다는 것은 메모리에서 비워진다는 뜻이다.빈 객체를 생성하는 시점에 구현하고

React 함수형 컴포넌트의 생명주기(Life Cycle)
리액트 컴포넌트들의 사이클은 이와 같은 순서를 따릅니다.생성(Mount) -> 업데이트(Update) -> 제거(Unmount)컴포넌트가 호출되었을 때, 가장 먼저 컴포넌트 내부에서 Mounting을 한다.해당 메서드를 통하여서 Mounting/Updating/Unmo

Vue Life Cycle(생명 주기)
Creation / Mounting / Updating / Destruction의 단계를 거침컴포넌트들을 초기화하는 단계이며 라이프 사이클 중 가장 처음 실행됨서버렌더링에서 지원함클라이언트나 서버 렌더에서 처리해야 할 일이 있으면 이 단계에서 진행컴포넌트들이 dom에
iOS의 앱 라이프 사이클(App Life Cycle)
iOS의 앱 라이프 사이클(App Life Cycle) 앱 사용 시 문자와 전화처럼 예기치 못한 상황 또는 사용자의 고의/실수로 앱을 종료하거나 백그라운드 등으로 전환하는 시점에 운영체제가 자동으로 호출하는 함수(메서드)들이 존재하며, 이러한 메서드 실행의 일련 과정을
iOS의 뷰 라이프 사이클(View Life Cycle)
iOS의 뷰 라이프 사이클(View Life Cycle) 일반적으로 앱을 사용할 때는 해당 앱의 다양한 화면을 오가며 사용합니다. 앱의 현재 사용화면에서 특정 화면으로 넘어갈 때마다 운영체제에 의해 자동으로 작동하는 함수(메서드)들이 존재하며, 이러한 함수 실행의 일

React | Hooks Tip
공부하면서 얻은 Hooks Tip!두 번째 인자(배열)의 값이 없어서 componentDidMount의 경우에만 실행된다.첫 렌더링 때 실행된다고 생각하면 된다.첫 렌더링 때 실행되는 componentDidMount를 플래그변수로 막고 그 이후(componentDidU

[AWS] EC2 생명주기
AWS 공식 문서참고 영상중지 중에는 인스턴스 요금 미 청구단, EBS요금, 다른 구성요소 (Elastic IP등)은 청구중지 후 재시작시 퍼블릭 IP변경EBS를 사용하는 인스턴스만 중지 가능\-> 인스턴스 내부에 저장하는 인스턴스는 중지 불가능재부팅 시에는 퍼블릭 I
스프링 빈 생명주기
스프링 컨테이너는 빈을 관리한다. 싱글턴 레지스트리 기능을 제공하거나 의존 주입 등을 하는 것 외에도 빈 객체의 생명주기 역시 관리한다. 컨테이너가 초기화될 때 빈 객체를 생성하여 등록, 의존성 주입을 하고 컨테이너가 종료될 시점에 빈 객체 역시 소멸시킨다. 스프링 빈

[React] Life Cycle
앱 개발을 하면서 렌더링 되기 직전 이나 새로 변경된 후 특정 작업을 수행해야 한다면 life cycle 은 확실히 잡고 넘어가는 것이 좋을 것이다.React 의 component Life Cycle 은 크게 3단계로 분류가 가능하다.Mount → Update → un

16day - Class Component, Life Cycle, useEffect
class란 물건을 만드는 설명서이다. 이 class 안에 함수나 변수를 넣어줄 수 있고, new 클래스명()을 이용해서 새로운 객체를 만들어줄 수 있다.class component의 특징Hook 없이 state와 lifecycle 구현이 가능하다.this로 클래스형
React
리액트 보강하는 차원에서 리액트 공부 Virtual DOM 리액트의 차별점이라고 할 수 있는 Virtual DOM은 > 모델이 변하면 > 뷰에서 변화 , 뷰에서 변하면 > 모델 변화하는 기존 과정에서 > 변화 자체를 안하고 데이터가 바뀌면 뷰를 날려버리고 새로 만들면 어떨까 하는 생각을 함 > 하지만 매번 날려버리고 새로 만들기엔 브라우저가 감당하...

[React] 생명 주기( Life Cycle )
오늘은 리액트 컴포넌트의 생명주기에 대해서 공부해보도록 하겠습니다.먼저 마운트될 때 발생하는 생명주기에 대해서 알아보겠습니다. constructorgetDerivedStateFromProps ( 일반 ❌ )rendercomponentDidMountconstructorc

React 생명주기
리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재한다.컴포넌트의 수명은 페이지에 렌더링되기 전인 준비과정에서 시작하여 페이지에서 사라질 때끝난다.컴포넌트를 처음으로 렌더링 할 때, 어떤 작업을 처리해야하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도

Day-16 inputs 최적화, class? this?, Life Cycle(생명주기), useEffect, useRef
inputs을 이용하여 state와 함수를 간단하게 표현할 수 있다.setInputs에는 각각의 키에 맞는 값이 들어가게 되는데 같은 객체에서 가져오기 때문에 동일해져 아래 사진처럼 스프레드 연산자(...)를 사용하여 하나로 표현한다. return부분에는 writer,