# life cycle

20개의 포스트
post-thumbnail

[ 기술 스터디 ] React 함수 컴포넌트의 생명주기

아직 부족하나 조금씩 포스트 질이 올라가고 있다. 👉👈

4일 전
·
0개의 댓글
post-thumbnail

React | 라이프 사이클 API 흐름 엿보기

리액트 라이프 사이클의 개괄적인 개념을 정리합니다.

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

[ React ] 컴포넌트 생명주기 메서드와 HOOKS ( useState, useEffect ) (1)

컴포넌트 초기 생성 🌱 컴포넌트의 객체가 생성되어 DOM 상에 삽입될 때 아래 순서대로 호출된다. constructor() 컴포넌트가 생성될 때 자동으로 호출되는 컴포넌트 생성자 함수 render() 클래스 컴포넌트에서 반드시 구현되어야 하는 메서드 compon

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

30일차

Life cycle / 조건부 렌더링

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

Electron - Life Cycle

초기 설정 이후 본격적으로 Electron 코드를 작성하기 전에 Electron의 생명주기에 대해 공부해보자.Electron에서 제공하는 app 객체는 Electron의 생명주기를 관리한다.위 코드에서는 whenReady 함수와 app.on 함수에서 구별할 수 있는 b

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

Activity 의 생명 주기

사전적 의미: 움직임, 활동안드로이드에서 Activity 란?Application을 구성하는 4대 컴포넌트 중 하나이다.사용하는 스마트폰 App에 보이는 화면 하나를 의미한다.Activity에는 사용자 인터페이스 (UI)가 들어가게 된다.UI의 움직임, 활동을 나타내기

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

Swift 프로젝트 생성에서 Life Cycle 선택하기

Xcode에서 iOS 개발 프로젝트를 실시하게 된다면, `Life Cycle` 을 선택하는 필드가 있다. 선택할 수 있는 선택지는 `SwiftUI App` 과 `UIKit App Delegate` 가 존재한다. 어떤 것을 선택해야할까?

2021년 1월 18일
·
4개의 댓글

Navigating between activities (Activity 간 이동하기)

공식 문서 정리 - About navigation between activities

2021년 1월 6일
·
0개의 댓글

Activity life cycle

공식 문서 정리 - About activity life cycle

2021년 1월 6일
·
0개의 댓글

[react]Life Cycle

클래스형 컴포넌트의 기본적인 구조가 위와 같다면constructorrendercomponentDidMount -> fetch 완료rendercomponentDidUpdate순으로 돌아간다.만약 위의 컴포넌트가 자식 컴포넌트를 가지고 있다면부모 constructor ->

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

[TIL]React의 핵심 개념 - props, state, life cycle, functional component VS class component

React의 핵심 개념인 props, state, life cycle 그리고 functional component와 class component에 대해 공부합니다.

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

[React] 라이프사이클 과정

오늘은 리액트의 라이프 사이클 과정에 대해서 알아보겠습니다. 라이프사이클은 마운트, 업데이트, 언마운트 총 세 가지 카테고리로 나눌 수 있습니다.DOM이 생성되고 웹 브라우저에 나타나는 것을 마운트라고 합니다. 그럼 마운트가 될 때 호출되는 메서드들을 알아보죠. 위의

2020년 9월 7일
·
0개의 댓글

React Hooks #11 Class-Component life-cycle, hooks로 구현하기

componentDidMount() 보다 먼저, 최초 1회만 실행되어야 한다.useEffect로 componentDidMount() 구현하기(https://velog.io/@hwang-eunji/React-Hooks-3-useEffect\[useEffect로

2020년 7월 13일
·
0개의 댓글
post-thumbnail

TIL) React - Life cycle!!

React의 component는 생성 → 업데이트 → 제거 단계를 차례로 겪는 생명 주기(Life Cycle)를 가진다. Life Cycle의 메서드와 componentDidMount 메서드로 json API를 가져오는 방법에 대해 알아보자!

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

React state & life cylce

1)props의 값에따라 내부구현에 필요한 데이터를 말 할수 있다.2)component 내부적으로 사용된다.3)object이다.4)class 컴포넌트로 작성해야한다.5)값을 변경할때는 setState 를 사용해야한다.state를 이용한 간단한 예시이다.add와 minu

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

[+35]ComponentDidMount뒤에 render시키기

mock-data를 이용해서 componentDidMount에 fetch를 시켜서 render를 시키려고 했는데 문제가 발생했다.mock data에서 fetch로 가져올 정보는 이 product였고componentDidMount에 fetch를 시켜줬다.render되는

2020년 3월 2일
·
0개의 댓글

[React] Core Concepts(JSX, Component, Props, State, Life Cycle…)

React Core Concepts React 사이트에 정의된 React 가 무엇인지 확인해보면, A JavaScript library for building user interfaces, 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (프레임워크) 즉, UI 를 보다 쉽고 간편하게 만들기 위한 JS 라이브러리입니다. 그렇다면 이 Re...

2019년 12월 31일
·
0개의 댓글

React

👉 React > 페이스북이 만든 라이브러리(하지만 Redux나 MobX, react-router와 함께 프레임워크처럼 사용) Redux 공부 check > Component 시스템을 구현했기 때문에 효율적으로 코딩 가능 👉 Component란 하나의 의미를 가진 독립적인 단위 모듈 👉JSX 자바스크립트의 확장 문법 1) 반드시 하나의 엘리먼트로 감...

2019년 9월 30일
·
0개의 댓글

2019.09.30 React

1. React? 2. ES6? ES6 문법을 알아야 리액트가 편해진다. - Destructuring - spread operator - rest parameters - default parameters - templete literals - arrow function - for-of loop 3. JSX? 자바스크립트의 확장 문법 - 반드시 하나...

2019년 9월 30일
·
0개의 댓글