# 라이프사이클

11개의 포스트

React Life Cycle Methods

https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/constructorrendercomponentDidMount(fetch 완료)render(setState)componentDidUpdate (set

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[Vue] 기본 구조와 라이프사이클에 대해

vue를 새롭게 공부하는 중이다. 리액트가 익숙해질랑 말랑한 상황에서 vue를 배우는 거라 많이 어렵다. 특히 vue router를 바로 사용하고 있다는 점에서도 어려움이 있었다. 한창 어려움을 겪고 있을 때 기업 협업을 나온 회사의 CTO 분이 Vue 템플릿의 기본

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

Vue.js lifesycle

vue.js 를 실무에서 사용하면서 라이프사이클에 대해 정확하게 모든 라이프사이클은 이해를 하지못하여, 다시한번 정리를 할려한다.순서대로 이때는 직접적으로든 간접적으로든 $el 즉 DOM에 접근이 불가능하다.왜냐하면 컴포넌트의 최초 생성 과정이다. 이과정을 사용할때는,

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

[React] 5-1. Life Cycle(생명주기)와 React.Component

클래스 컴포넌트를 작성할 때 React.Component를 상속받아야 한다.render() 메서드는 React.Component의 하위 클래스에서 반드시 정의해야하는 메서드이다.

2020년 11월 24일
·
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개의 댓글

리액트 라이프 사이클

컴포넌트의 모양새 정의this.props와 this.state에 접근할 수 있고, 리액트 요소를 반환컴포넌트 생성자 메서드컴포넌트를 만들 때 처음으로 실행됩니다. 이 메서드에서 초기 state를 정할 수 있습니다.컴포넌트를 만들고, 첫 렌더링을 다 마친 후 실행, 이

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

React스터디_LifeCycle

클래스형 컴포넌트에서만 사용이 가능한 라이프사이클 메서드는 컴포넌트를 처음으로 렌더링할 때, 어떤 작업을 처리해야 하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도 있고, 또 불필요한 업데이트를 방지해야 할 때 사용합니다.

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

웹 프론트엔드 개발에 도전하다 3편

리액트의 라이프사이클 메서드를 적용해서 간단한 예제를 구현하도록 하겠습니다. (Velopert님의 예제를 살짝 변형) > 이 컴포넌트는 각각의 라이프사이클 메서드를 실행할 때마다 콘솔 디버거에 기록하고, 부모 컴포넌트에서 props로 색상을 받아 버튼을 누르면 sta

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

컴포넌트 라이프사이클 메서드

모든 리액트 컴포넌트에서는 라이프사이클이 존재한다. 컴포넌트의 수명은 페이지에서 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝이난다. 리액트 프로젝트를 진행하다 보면 가끔 컴포넌트를 처음으로 렌더링할 때 어떤 작업을 처리해야하거나 컴포넌트를 업데이

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

컴포넌트 라이프사이클 메서드

모든 리액트 컴포넌트에는 라이프사이클이 존재함.페이지에 렌더링되기 전인 준비과정에서 수명이 시작하여 페이지에서 사라질 때 끝난다. 간혹 컴포넌트를 처음으로 렌더링할 때 어떤 작업을 처리해야 하거나 컴포넌트를 업데이크 하기 전후 어떤 작업을 처리해야 할 수도 있고, 불필

2020년 6월 17일
·
0개의 댓글