joooii

React Hooks이란?React Hooks는 v16.8에서 새로 도입되어 함수형 컴포넌트에서도 상태 관리를 가능하게하는 라이브러리이다.함수형 컴포넌트에 맞게 만들어진 것으로 함수형 컴포넌트에서만 사용이 가능하다. Hook 규칙1. Hook은 최상위 레벨에서만 호출해라Hook은 반복문, 조건문, 중첩 함수, try/catch/finally 블록 내부에서 호출하면 안된다. 그렇기에 React 함수의 최상위 레벨에서 호출하고, Early Return (함수에서 조건문을 만족할 때 일찍 반환하는 것) 이전에 사용해야 한다.function Counter() { // ✅ Good: 함수 컴포넌트의 최상위 레벨에서 사용 const [count, setCount] = useState(0); // ...}fu..

React란SPA(Single Page Application)을 자바스크립트 라이브러리로 주로 사용자 인터페이스(UI)를 개발하는 데 중점을 두고 있다. React 특징1. 가상돔 (Virtual DOM) 활용리액트는 렌더링이 발생될 상황이 생기면 새로운 화면에 들어갈 내용이 담긴 가상돔을 생성한다. 가상돔을 사용하면 실제 DOM에 접근하여 조작하는 대신, 이를 추상화한 자바스크립트 객체를 구성하여 사용하게 된다. 이는 실제 DOM의 가벼운 사본이라고 생각하면 된다. 리액트에서 데이터가 변하여 웹 브라우저에 실제 DOM을 업데이트할 때는 아래 3가지 절차를 거치게 된다. 1) 데이터를 업데이트하면, 전체 UI를 Virtual DOM에 렌더링한다. 2) 이전 Virtual DOM에 있던 내용과 현재 ..