thumbnail
Storybook 작성하기 #3 - 스냅샷 테스팅 Thumbnail

Storybook 작성하기 #3 - 스냅샷 테스팅

지난 포스트에 이어 이번 글에서는 Storybook에서 스냅샷을 이용하여 컴포넌트 테스트 자동화를 해보겠습니다. 🖼️ Snapshot Testing? snapshot 테스트 케이스는 UI component를 렌더링한 뒤, 스크린샷을 찍고, 테스트 부근에 저장된 레...

3일 전0개의 댓글
Storybook 작성하기 #2 - 활용하기 Thumbnail

Storybook 작성하기 #2 - 활용하기

지난 글에서 간단하게 Storybook이 무엇이고 어떤 기능을 제공하는지 알아보았습니다. 이번글에서는 React.js에서 Storybook을 어떻게 적용하고 사용하는지 간단한 투두리스트를 만들면서 알아보려고 합니다. 📙 Storybook-cli 설치 및 시작 먼...

3일 전0개의 댓글
Storybook 작성하기 #1 - 개요 Thumbnail

Storybook 작성하기 #1 - 개요

이번 포스트에서는 Storybook 이라는 것을 알아볼까 합니다. Storybook은 UI 구성 요소(컴포넌트)를 개발하기위한 오픈 소스 도구입니다. 예전에는 페이지 단위의 개발을 하였다면 요즘에는 컴포넌트 단위로 프론트엔드를 개발하고, 많은 분들이 React, V...

3일 전0개의 댓글
How to use TypeScript Thumbnail

How to use TypeScript

Typescript를 배우면서 중요한 내용을 정리한 글입니다. 이전부터 타입스크립트의 장점과 필요성을 알고는 있었지만 Typescript를 쓰지 않고도 개발을 잘 해왔기 때문에 사용을 꺼려왔었습니다. 그리고 평소처럼 React로 javascript만을 이용하여 ...

2019년 10월 28일0개의 댓글
React - eject 없이 Mobx 데코레이터 사용하기 Thumbnail

React - eject 없이 Mobx 데코레이터 사용하기

오늘 써볼 글은 React의 상태관리를 할 때 많이 사용하는 라이브러리인 Mobx의 데코레이터를 CRA에서 yarn eject 없이 사용하는 법을 알아보겠습니다 :) 보통은 Mobx 말고도 데코레이터를 사용할 수 있습니다. 하지만 Mobx를 사용하면서 데코레이터를 ...

2019년 10월 27일0개의 댓글