Multi Developer SuHo

안녕하세요~ 이번에는 리액트 함수형 컴포넌트와 훅에 대해 알아보도록 하겠습니다.📑목차1. 함수형 컴포넌트1-1. 함수형 컴포넌트의 등장 배경1-2. 함수형 컴포넌트 문법2. Hook(훅)2-1. Hook(훅)이란?2-2. Hook(훅)의 등장 배경2-3. Hook(훅)의 종류서론먼저 함수형 컴포넌트를 배우기 전에 클래스형 컴포넌트 구조를 한번 보셨을까요? 클래스형 컴포넌트에는 생성자 함수를 호출하고, this 키워드를 사용하여 컴포넌트 구조를 구현했어야 했습니다. 클래스 문법에 대한 개념이 잡혀있지 않으면 개발자로선 구현하기가 어려웠죠, 그래서 이번에 알아볼 내용은 함수형 컴포넌트와 Hook에 대해 알아보도록 하겠습니다. 본론1. 함수형 컴포넌트 1-1. 함수형 컴포넌트의 등장 배경 초기에는 함수형 ..

안녕하세요~ 이번에는 리액트에서  웹 페이지를 구성하는 가장 기본적인 단위인 컴포넌트(Component)에 대해 살펴보겠습니다.크게 5가지로 1. 컴포넌트 개념  2.컴포넌트 활용   3. 컴포넌트 만드는법 , 4.컴포넌트 장단점 5. 함수형 컴포넌트 VS 클래스형 컴포넌트 차이점에 대해설명해보겠습니다.먼저, 컴포넌트의 개념입니다. 컴포넌트? , 처음 들었을 때는 어? 어디서 들어봤는데? 라고 생각하신 분들도 계실겁니다. 컴포넌트는 리액트 앱을 구성하는 가장 작고 독립적인 단위입니다. HTML, CSS, 그리고 JavaScript를 하나로 묶어 특정 기능이나 UI를 담당하는 요소라고 생각하면 됩니다.그럼 이 컴포넌트를 어디에다 활용할까요? 다음과 같은 곳에서 활용됩니다.컴포넌트 활용📓1.  UI 구성 ..