리액트를 다루는 기술

일반 html에선 dom요소에 이름을 달 때는 id를 사용한다. > public/index.html 특성 dom 요소에 어떤 작업을 해야 할 때 이렇게 요소에 id를 달면 CSS에서 특정 id에 스타일을 적용하거나 자바스크립트에서 해당 id를 가진 요소를 찾아 작업할

웹 어플리케이션을 만들다 보면 다음과 같이 반복되는 코드를 작성할 때가 있다. src 디렉터리에 IterationSample.js라는 파일을 작성해서 다음 코드를 적어보자.IterationSample.js코드에서 <li> ... </li>태그가 반복되는 것을

Hooks 이란? Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수

useReducer는 useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 다른 값을 업데이트해 주고 싶을 때 사용하는 Hook이다. 리듀서라는 개념은 나중에 글에서 리덕스를 배울 때 더 자세히 알아보겠다. 리듀서는 현재 상태, 그리고 업데이트를 위해 필요