들어가며앞서 소개했다시피 React는 선언형(Declarative UI) 프로그래밍 구조입니다. 이는 UI를 어떻게 변경할지가 아니라 어떤 모습일지로 정의합니다. 어떤 모습일지에 대한 state만 관리하면 React가 알아서 화면을 업데이트해줍니다. 따라서 리액트 개발할 때는 UI Component의 상태를 관리하고 조작하는데 온 신경을 쓰면 됩니다. 그리고 React의 Hook은 함수형 컴포넌트에서 상태(state)와 라이프사이클(lifecycle)을 다룰 수 있게 해주는 기능입니다. 1. useState – 상태(State) 관리import { useState } from "react";function Counter() { const [count, setCount] = useState(0); ..

들어가며이제는 Front 라이브러리의 대세가 되어버린 메타의 React.js입니다. 이미 수많은 서비스에서 React를 도입하고 사용하고 있으며 컴포넌트 기반과 강력한 선언형 프로그래밍을 갖춘 라이브러리입니다. 제 경우는 DOM을 직접 조작하고 다루는 javascript 개발 방식도 무리는 없습니다. 그렇게 복잡하고 큰 사용자 UI 환경을 갖춘 프로젝트가 아니기 때문입니다. 하지만 대규모 프로젝트에서는 효율적으로 코드를 관리하고, 컴포넌트 기반 UI 개발을 지원하는 프론트엔드 프레임워크(라이브러리)가 필요하다보니 React가 꽤나 주목받았을 거라 생각합니다. React만의 특징1. 컴포넌트 기반Ui를 작은 단위로 쪼개서 작성한다는 부분이 큰 장점이 됩니다. 컴포넌트 단위로 UI를 조작하다보니 재사용성과 ..