1. Apollo React에서 GraphQL API를 호출하기 위해 Apollo Client가 제공하는 Apollo Hooks를 사용했다. Apollo Hooks? 기존 react-apollo 패키지에서 HOC(Higher Order Components)를 사용한 나을 통해 GraphQL API를 호출하는 방법에서 React Hooks를 도입하여 useQuery, useMutation과 같은 함수로 GraphQL API를 호출하는 새로운 방법 ○ @apollo/react-hooks 패키지를 사용하며, 클래스 대신 함수형 컴포넌트를 사용하게 되어 코드의 가독성과 유지보수에 대한 이점이 있다. Apollo Client 사용하기 1. 패키지 설치 React 프로젝트에 Apollo Client와 GraphQL..
React Hook? Hook은 React 16.8에 새로 추가된 기능이다. Hook은 함수형 컴포넌트에서 State와 생명주기(LifeCycle)를 연동(hooking)한 함수이다. Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해준다. React Hook을 사용하는 이유 1. 기존 React에서는 State와 관련된 로직을 재사용하기 어렵다. 로직 재사용을 위해 컴포넌트를 감싸는 래퍼(wrapper)가 많아 불편하다. → Hook을 사용하면 컴포넌트 자체에서 State 로직을 추상화 할 수 있고 컴포넌트의 계층 변화 없이 로직을 재사용할 수 있게 해준다. 2. 복잡한 생명주기(LifeCycle)를 이해하기 어렵다. 각각 생명주기마다 기본적인 메서드가 있..