반응형 함수형 컴포넌트와 클래스형 컴포넌트2 8. 함수형 컴포넌트와 클래스형 컴포넌트 - 2 클래스형 컴포넌트의 개념과 생명주기(Lifecycle) 메서드 React에서 컴포넌트를 만드는 두 가지 방법 중 하나는 클래스형 컴포넌트입니다. 이번 포스트에서는 클래스형 컴포넌트의 개념과 생명주기 메서드에 대해 알아보겠습니다. 클래스형 컴포넌트의 개요 클래스형 컴포넌트는 ES6의 class 문법을 사용하여 React 컴포넌트를 정의하는 방식입니다. 다음은 간단한 클래스형 컴포넌트의 예시입니다. import React, { Component } from 'react'; class MyComponent extends Component { render() { return Hello, World!; } } export default MyComponent; 생명주기(Lifecycle) 메서드 클래스형 컴포넌트는.. 2024. 2. 18. 7. 함수형 컴포넌트와 클래스형 컴포넌트 - 1 함수형 컴포넌트의 장단점과 사용법 React에서 함수형 컴포넌트는 클래스형 컴포넌트와 함께 컴포넌트를 정의하는 주요 방법 중 하나입니다. 이번 포스트에서는 함수형 컴포넌트의 장단점과 사용법에 대해 알아보겠습니다. 함수형 컴포넌트의 개요 함수형 컴포넌트는 단순히 JavaScript 함수로 구성되어 있으며, 주어진 Props를 받아 UI를 렌더링하는 역할을 합니다. 다음은 함수형 컴포넌트의 기본적인 구조입니다. import React from 'react'; const MyComponent = (props) => { return ( Hello, {props.name}! ); }; export default MyComponent; 함수형 컴포넌트의 장단점 장점 간결함: 클래스형 컴포넌트보다 코드가 간결하고 읽.. 2024. 2. 18. 이전 1 다음 반응형
