썬이의 IT세상

https://k-taeyang.tistory.com/11 [React]리액트 훅(Hook)에 대해 알아보자!(useState, useEffect) - 2 UseState https://k-taeyang.tistory.com/9 [React]리액트 훅(Hook)에 대해 알아보자!(useState, useEffect) - 1 React에서 말하는 Hook은, React 버전 16.8부터 React 요소로 새로 추가되었다. Hook을 이용하면, 기존 Clas.. k-taeyang.tistory.com 오늘은 React Hooks의 useEffect에 대해 중점적으로 알아보자. 우선, useEffect 함수는 리액트 컴포넌트가 랜더링 될때마다, 특정 작업을 실행할 수 있도록 하는 Hook이다. 앞선 시간에 배..

https://k-taeyang.tistory.com/9 [React]리액트 훅(Hook)에 대해 알아보자!(useState, useEffect) - 1 React에서 말하는 Hook은, React 버전 16.8부터 React 요소로 새로 추가되었다. Hook을 이용하면, 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있다. // 그렇다고 Reac k-taeyang.tistory.com 지난 시간에 이어서, 이번에는 리액트 훅에서 UseState에 대해 중점적으로 다뤄보자. 먼저, 리액트 컴포넌트에서 동적인 값을 상태(State) 라고 부른다. 사용자 인터랙션(User Interaction)을 통해 컴포넌트의 상태값이 동적으로 바뀔 경우에는 상태를 관리하는..

React에서 말하는 Hook은, React 버전 16.8부터 React 요소로 새로 추가되었다. Hook을 이용하면, 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있다. // 그렇다고 React로부터 Class를 제거하지는 않고, 존재하는 코드와 함께 나란히 작동한다고 공식문서에 나와있다. 일단 리액트 훅을 이해하기 위해서는 Side Effect의 개념을 알아야 한다. side effect를 알아야 React hook 개념이 이해가 되고, 그 hook 안에 useState, useEffect가 속해있는 것이다. ◼ Side Effect React Component가 화면에 1차로 랜더링 된 이후에, 비동기로 처리되어야 하는 부수적인 효과들을 흔히 Sid..