태그: JavaScript

[Jest] jest.mock() 모듈 모킹

지난 포스트에서 jest.fn()과 jest.spyOn() 함수를 어떻게 사용하는지 배웠습니다.이번 포스트에서는 Jest에서 제공하는 또 다른 모킹 함수인 jest.mock()를 활용해서 좀더 다양한 상황에서 모킹을 해보도록 하겠습니다. 자바스크립트 모듈먼저 자바스크립트에서 모듈이 무엇인지에 대해서 간단하게 개념만 짚고 넘어가겠습니다.모듈이란 어떤 코드를

웹팩(Webpack) DefinePlugin, EnvironmentPlugin 사용법

웹팩에서 자주 사용되는 플러그인인 DefinePlugin과 EnvironmentPlugin에 대해서 알아보도록 하겠습니다. 관련 포스트웹팩에 대한 지식이나 경험이 전혀 없으신 분들을 아래 포스트를 먼저 읽어보시면 따라오시기가 좀 더 수월하실 겁니다. 웹팩(Webpack) 기본 사용법 (CLI) 웹팩(Webpack) 기본 설정법 (Entry/Output/L

[GraphQL/React] Apollo Hooks로 React 앱 개발하기

지난 포스트에서는 Apollo Hooks라는 새로운 방법을 통해 React 앱에서 어떻게 GraphQL API를 호출할 수 있는지 간단히 살펴보았습니다.이번 포스트에서는 지난 포스트에서 다뤘던 useQuery() 함수 뿐만 아니라 useMuation() 함수까지 사용해서 간단한 노트(Note) 앱을 React로 작성해보도록 하겠습니다. Apollo Hoo

[GraphQL/React] Apollo Hooks 소개/사용법

지난 달, Apollo Client에서 공개되어 현재 뜨거운 반응을 얻고 있는 Apollo Hooks에 대해서 알아보겠습니다. Apollo Client가 생소하신 분들은 아래 포스트를 먼저 보시고 이 포스트로 돌아오시는 것을 추천드립니다. [GraphQL] Apollo Client 사용법 Apollo Hooks?Apollo Hooks는 Apollo

[GraphQL] 원격 서버로 부터 스키마 가져오기

지난 포스트에서 SchemaLink를 이용하여 서버 없이 클라이언트에서 GraphQL API를 호출하는 방법에 대해서 알아보았습니다.이번 포스트에서는 로컬에서 직접 스키마를 작성하지 않고 원격 서버로 부터 스키마를 가져오는 몇 가지 방법에 대해서 알아보겠습니다. 패키지 설치예제 프로젝트에서 필요한 GraphQL과 Apollo Client 관련 패키지를 설치

[GraphQL] SchemaLink 사용법 - 서버없는 클라이언트

GraphQL 서버 없이도 클라이언트에서 GraphQL API를 호출할 수 있도록 도와주는 Aollo Client의 SchemaLink에 대해서 알아보겠습니다. 일반적인 Apollo Client 생성일반적으로 Apollo Client를 사용할 때는 다음과 같이 GraphQL 서버로 HTTP 요청을 보내기 위해서 HttpLink를 사용합니다. 12345678

[GraphQL] Apollo Client 사용법

GraphQL API를 호출할 때 사용하는 클라이언트 라이브러리인 Apollo Client에 대해서 알아보겠습니다. 기본적으로 HTTP 기반으로 동작하는 GraphQL API를 호출할 때 반드시 Apollo Client와 같은 전용 클라이언트 라이브러리가 필요한 것은 아닙니다.GraphQL API를 별다른 라이브러리 없이 최대한 간단하게 호출하는 방법에

[GraphQL] Apollo Client를 사용하는 React 컴포넌트 테스트하기 (MockedProvider)

Apollo Client를 사용하여 GraphQL API를 호출하는 React 컴포넌트를 테스트하는 방법에 대해서 알아보겠습니다. 예제 컴포넌트 작성Apollo Client를 사용하여 GraphQL API를 호출하는 매우 간단한 React 컴포넌트를 작성해보겠습니다.아래 PingPong 컴포넌트는 GraphQL 서버에 ping이라는 쿼리를 호출합니다.서버로

[GraphQL] Apollo Client로 React 앱 개발하기

Apollo Client는 GrpahQL API를 호출하기 위해 사용되는 라이브러리입니다.이번 포스트에서는 React 앱에서 Apollo Client를 사용하여 GraphQL API를 호출하는 방법에 대해서 알아보겠습니다. 사실, GraphQL API를 호출할 때, 반드시 Apollo Client와 같은 전용 클라이언트가 필요한 것은 아닙니다.GraphQL

[Jest] jest.fn(), jest.spyOn() 함수 모킹

자바스크립트 테스팅 프레임워트로 Jest를 사용할 때 장점 중에 하나는 다른 라이브러리 설치 없이 바로 mock 기능을 지원한다는 점입니다.여기서 mock을 한국어로 뭐라고 번역해야 모르겠는데, 주변에서 보면 “모킹하다”, “뫀객체” 등으로 영어를 차용해서 쓰고 있는 것 같습니다. mocking 이란?먼저 mocking이 생소하신 분들을 위해서 mockin