react hook2 [react] 예제로 따라하는 리액트 훅(hook) - useEffect *이전글 2019.08.02 - [react] 예제로 따라하는 리액트 훅(hook) - useState [react] 예제로 따라하는 리액트 훅(hook) - useState 간단한 예제를 통해서 리액트 훅의 useState을 살펴보겠습니다. 작업의 처음단계부터 하나씩 진행하니 리액트에 처음 입문하시는 분들도 천천히 진행해보시길 바랍니다. create-react-app으로 프로젝 codingbroker.tistory.com useEffect useState에 이어서 이번 글에서는 useEffect를 살펴보겠습니다. useEffect는 컴포넌트의 side effect를 수행하기 위해 사용됩니다. side effect란 컴포넌트가 화면에 그려지는 초기 렌더링과정에 포함되지 않는 별개의 작업으로 대표적으로 H.. 2019. 8. 3. [react] 리액트 훅(react hook)이란? - 클래스형 컴포넌트와 비교 React Hook React 16.8 버전부터 정식으로 릴리즈 된 React Hook에 대해 살펴보겠습니다. 1. 리액트 컴포넌트의 두 가지 형태 리액트에서는 두 종류의 컴포넌트가 사용됩니다. 클래스형 컴포넌트와 함수형 컴포넌트입니다. 기존의 개발방식에서는 주로 함수형 컴포넌트를 사용하며, 상태 관리나(state) 생명주기 관련(life cycle method) 기능이 필요할 때만 클래스형 컴포넌트를 활용하였습니다. 주로 함수형 컴포넌트를 사용했던 이유는 클래스형 컴포넌트의 단점 때문입니다. 2. 클래스형 컴포넌트의 단점 2-1. 복잡성과 길이 클래스형 컴포넌트는 constructor, this, binding과 같은 여러 규칙을 따라야 하며, 이로 인해 코드가 복잡하고 길어질 수 있습니다. 클래스 기.. 2019. 7. 30. 이전 1 다음
