모래블로그

1. 컴포넌트(Component) 컴포넌트란 리액트의 핵심 빌딩 블록 중 하나로, UI 요소를 표현하는 최소한의 단위이며 화면의 특정 부분이 어떻게 생길지 정하는 선언체이다. 선언체란 컴포넌트를 생성하고 보이고자 하는 UI 요소를 컴포넌트 내부에서 JSX를 통해 선언하면 이것을 React가 화면에서 그려주는데, 이를 통해 리액트 컴포넌트가 선언체라는 것을 알 수 있다. 2. 컴포넌트 종류 1) 함수형 컴포넌트 (function component) function 으로 정의하고, return 문에 jsx 코드를 반환한다. import React from "react"; import "./App.css"; function Test() { const name = "test"; return {name}; } e..

Life Cycle 리액트 컴포넌트에는 라이프 사이클(생명 주기)이 존재한다. 라이프 사이클이란 컴포넌트가 생성되고, 사용되고, 소멸되는 일련의 과정을 뜻하고, 생명 주기 안에서는 특정 시점에 자동으로 호출되는 메서드가 있는데, 이를 라이프 사이클 이벤트라고 한다. 분류 1. Mount (마운트) 컴포넌트가 처음 실행이 될 때, 그것을 Mount 라고 표현을 한다. DOM이 생성되고 웹 브라우저 상에 나타나는 것을 말한다. 마운트에 해당되는 생명주기에는 다음과 같은 메서드들이 있다. 1) constructor 컴포넌트 생성자 메서드로, 컴포넌트가 만들어지면 제일 먼저 실행이 되는 메서드 이다. state와 props 를 접근하여 값을 할당할 수 있다. constructor(props) { super(pr..