생명주기2 클래스컴포넌트, 생명주기 (복습 16일차) 클래스 컴포넌트 class에는 변수와 함수를 넣을 수 있다. new는 객체, 인스턴스라고 불리며 class는 만들기 위한 설명서를 의미한다. date는 객체이며, 우리가 만들지 않았지만 자바스크립트에 기본적으로 만들어져있는 내장객체이다. 이런 걸 가지고 할 수 있는 프로그래밍을 OOP(Object-oriented Programing), 객체지향 프로그래밍으로 불린다. 우리가 Date.getFullYear(), getMonth(), getDate()를 쓸 수 있는 것처럼 말이다. import { Component } from "react"; interface IState { count: number; } export default class ClassCounterPage extends Component {.. 2022. 4. 24. 클래스형, 함수형 컴포넌트의 state 생명주기 컴포넌트의 생명주기 컴포넌트의 생명주기(lifecycle)는 컴포넌트가 브라우저에 나타나고 업데이트 되고, 사라지게 될 때 호출되는 메서드이다. 쉽게 말해, 특정 시점에 코드가 실행되도록 설정할 수 있다는 것이다. 메서드에 대해 간략히 요약한다면, 그리기 → render 그리고 난 뒤 → componentDidMount 그리고 난 뒤 변경 → componentDidUpdate 그리고 난 뒤 사라짐 → componentWillUnmount 클래스 컴포넌트의 state 생명주기 예시 import { Component } from "react"; import Router from "next/router"; interface IState { count: number; } export default class C.. 2022. 2. 7. 이전 1 다음
