WHY? 개인 프로젝트를 진행하며 react hook을 사용했다. 자주쓰는 hooks가 있어서 이것에 대해 정리해 보고자 한다 Hook? React-Hook 이란 16.8 버전부터 나온 기능으로 Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값 등을 사용한 함수형 프로그래밍이 가능해진다. useState import React, { useState } from 'react'; function Example() { // 새로운 state 변수를 선언하고, 이것을 count라 부른다. const [count, setCount] = useState(0); useState를 호출하는것은? “state 변수”를 선언할 수 있다. 위에 선언한 변수는 count라고 부르지만 banana처럼..

React란? 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리 React는 선언적이고, 효율적이고, 유연하다 컴포넌트(Components) 라는 요소를 이용하면 복잡한 UI를 독립적인 단위로 쪼개어 구현할 수 있다. Why? 동적(Dynamic) 인 웹페이지를 구축할 수 있고, 인터페이스를 지속적으로 변경이 가능하다. React의 Virtual DOM은 사용자 경험을 향상하고 개발자의 작업 속도를 높인다. Virtual DOM이란 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 재조정 개념이다. React 컴포넌트의 재사용은 개발 시간을 크게 절약한다. 단방향 데이터 흐름을 통해 안정적인 코드를 제공한다. 단향향 데이터 흐름은 데이터는 항상 일..