자본주의를 살아가는 코린이

useEffect는 react의 hook함수 입니다. 이 함수는 컴포넌트가 마운트 완료한 후 항상 실행되는 함수입니다. useEffect를 사용하는 이유는 함수컴포넌트에서 side effect를 사용하기 위해서라고 합니다. 데이터 가져오기, 구독(subscription) 설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는 것까지 이 모든 것이 side effects입니다. 이런 기능들(operations)을 side effect(혹은 effect)라 부르는 것이 익숙하지 않을 수도 있지만, 아마도 이전에 만들었던 컴포넌트에서 위의 기능들을 구현해보았을 것입니다. 한마디로 정리하자면 '컴포넌트 업데이트 전/후 실행해야 되는 동작들을 정의해놓는 곳'이라고 생각할 수 있습니다. useEffect 함수를..

저번에 적은 글에서 나온 문제점인 props는 오직 읽기 전용으로 props의 값을 변경 할 수 없다는 것을 알 수 있습니다. 이를 해결하기 위해 state를 사용합니다. react에서 state는 아주 중요한 개념입니다. state를 사용하여 컴포넌트를 캡슐화(다른 소스에서 컴포넌트안의 state 변경 불가), spa(single page application) 등을 만드는데 사용합니다. state의 값이 바뀌면 react에서 자동으로 페이지를 다시 렌더링하주게 됩니다. 이를 이용하여 spa를 구현합니다. https://ko.reactjs.org/docs/state-and-lifecycle.html State and Lifecycle – React A JavaScript library for build..