# life cycle
[ React ] 컴포넌트 생명주기 메서드와 HOOKS ( useState, useEffect ) (1)
컴포넌트 초기 생성 🌱 컴포넌트의 객체가 생성되어 DOM 상에 삽입될 때 아래 순서대로 호출된다. constructor() 컴포넌트가 생성될 때 자동으로 호출되는 컴포넌트 생성자 함수 render() 클래스 컴포넌트에서 반드시 구현되어야 하는 메서드 compon
Electron - Life Cycle
초기 설정 이후 본격적으로 Electron 코드를 작성하기 전에 Electron의 생명주기에 대해 공부해보자.Electron에서 제공하는 app 객체는 Electron의 생명주기를 관리한다.위 코드에서는 whenReady 함수와 app.on 함수에서 구별할 수 있는 b
Activity 의 생명 주기
사전적 의미: 움직임, 활동안드로이드에서 Activity 란?Application을 구성하는 4대 컴포넌트 중 하나이다.사용하는 스마트폰 App에 보이는 화면 하나를 의미한다.Activity에는 사용자 인터페이스 (UI)가 들어가게 된다.UI의 움직임, 활동을 나타내기
Swift 프로젝트 생성에서 Life Cycle 선택하기
Xcode에서 iOS 개발 프로젝트를 실시하게 된다면, `Life Cycle` 을 선택하는 필드가 있다. 선택할 수 있는 선택지는 `SwiftUI App` 과 `UIKit App Delegate` 가 존재한다. 어떤 것을 선택해야할까?
Navigating between activities (Activity 간 이동하기)
공식 문서 정리 - About navigation between activities
[react]Life Cycle
클래스형 컴포넌트의 기본적인 구조가 위와 같다면constructorrendercomponentDidMount -> fetch 완료rendercomponentDidUpdate순으로 돌아간다.만약 위의 컴포넌트가 자식 컴포넌트를 가지고 있다면부모 constructor ->
[TIL]React의 핵심 개념 - props, state, life cycle, functional component VS class component
React의 핵심 개념인 props, state, life cycle 그리고 functional component와 class component에 대해 공부합니다.
[React] 라이프사이클 과정
오늘은 리액트의 라이프 사이클 과정에 대해서 알아보겠습니다. 라이프사이클은 마운트, 업데이트, 언마운트 총 세 가지 카테고리로 나눌 수 있습니다.DOM이 생성되고 웹 브라우저에 나타나는 것을 마운트라고 합니다. 그럼 마운트가 될 때 호출되는 메서드들을 알아보죠. 위의
React Hooks #11 Class-Component life-cycle, hooks로 구현하기
componentDidMount() 보다 먼저, 최초 1회만 실행되어야 한다.useEffect로 componentDidMount() 구현하기(https://velog.io/@hwang-eunji/React-Hooks-3-useEffect\[useEffect로
TIL) React - Life cycle!!
React의 component는 생성 → 업데이트 → 제거 단계를 차례로 겪는 생명 주기(Life Cycle)를 가진다. Life Cycle의 메서드와 componentDidMount 메서드로 json API를 가져오는 방법에 대해 알아보자!
React state & life cylce
1)props의 값에따라 내부구현에 필요한 데이터를 말 할수 있다.2)component 내부적으로 사용된다.3)object이다.4)class 컴포넌트로 작성해야한다.5)값을 변경할때는 setState 를 사용해야한다.state를 이용한 간단한 예시이다.add와 minu
[+35]ComponentDidMount뒤에 render시키기
mock-data를 이용해서 componentDidMount에 fetch를 시켜서 render를 시키려고 했는데 문제가 발생했다.mock data에서 fetch로 가져올 정보는 이 product였고componentDidMount에 fetch를 시켜줬다.render되는
[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...
React
👉 React > 페이스북이 만든 라이브러리(하지만 Redux나 MobX, react-router와 함께 프레임워크처럼 사용) Redux 공부 check > Component 시스템을 구현했기 때문에 효율적으로 코딩 가능 👉 Component란 하나의 의미를 가진 독립적인 단위 모듈 👉JSX 자바스크립트의 확장 문법 1) 반드시 하나의 엘리먼트로 감...
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? 자바스크립트의 확장 문법 - 반드시 하나...