코딩산책

Assemble a composite component Last chapter we built our first component; this chapter extends what we learned to build TaskList, a list of Tasks. Let’s combine components together and see what happens when more complexity is introduced. => 지난 챕터에서 첫 번째 컴포넌트를 만들었습니다; 이번 챕터에서는 Task들을 리스트하는 TaskList를 만드는 것으로 확장 합니다. 컴포넌트들을 결합하여 함께할 때, 어떤 일이 발생하는지 봅시다. Tasklist Taskbox emphasizes pinned tasks by po..

# 적용 목적: 누락된 UI/기능 기획을 화면을 보며 체크 할 수 있다 [사례] Post list 화면에 post title이 한줄일때, 3줄이상일때 UI 기획인 빠져있었다(상태변화에 따른 기획 체크) 기존 Lunacy 툴로 협의할 UI 작업을 했는데, Storybook을 이용하며 UI 따로 구현 따로 안해도 되지 않을까? 이전 프로젝트에서 Presenter랑 container랑 분리를 못했다. 툴을 쓰기위해서 강제적으로라도 분리해보자. # Storybook Document 숙지 및 Setup React Native Storybook 설치 Auto Setup을 할까? Manual Setup을 할까 고민이다 알지 못하는 개념을 지나치는게 문제이다, 나중에 나의 툴로 갖고 놀고 싶으니 힘들더라도 우선 Man..

Build a simple component We’ll build our UI following a Component-Driven Development (CDD) methodology. It’s a process that builds UIs from the “bottom up” starting with components and ending with screens. CDD helps you scale the amount of complexity you’re faced with as you build out the UI. => 우리는 UI를 개발하는데 있어 Component-Driven Development (CDD) 방법론을 따른다. 이 것은 컴포넌트들을 "아래에서 위로" 시작하여 화면으로 끝나는 UI를..

원문: https://jestjs.io/docs/en/asynchronous버전: Jest 23.6번역일: 2018-11-08※ 내용숙지가 완벽하지 않은 번역이라, 원문을 함께 둠Testing Asynchronous CodeIt's common in JavaScript for code to run asynchronously. When you have code that runs asynchronously, Jest needs to know when the code it is testing has completed, before it can move on to another test. Jest has several ways to handle this.Javascript에서 비동기 실행 코드는 일반적이다. 비..

원문: https://jestjs.io/docs/en/setup-teardown버전: Jest 23.6번역일: 2018-11-08※ 내용숙지 완벽하지 않은 번역이라, 원문을 함께 둠Setup and TeardownOften while writing tests you have some setup work that needs to happen before tests run, and you have some finishing work that needs to happen after tests run. Jest provides helper functions to handle this.종종 테스트를 작성할때 테스트가 실행되기전 설정 작업이 필요하면, 테스트가 실행되고 나서 설정 작업이 필요하다. Jest는 이런 ..

원문: https://jestjs.io/docs/en/using-matchers버전: Jest 23.6날짜: 2018-11-06※ 내용숙지가 안된 번역이 많아, 원문을 함께 둠Using MatchersJest uses "matchers" to let you test values in different ways. This document will introduce some commonly used matchers. For the full list, see the expect API doc.Jest는 여러가지 방법으로 값을 테스트할 수 있게 "matchers"를 사용한다. 이 문서는 일반적인 matchers를 사용법을 소개 할 것이다. 전체 목록은 expect API doc를 참조 하세요.Common Mat..

원문: https://jestjs.io/docs/en/mock-functions버전: Jest 23.6날짜: 2018-11-06※ 내용숙지가 안된 번역이 많아, 원문을 함께 둠Mock FunctionsMock functions make it easy to test the links between code by erasing the actual implementation of a function, capturing calls to the function (and the parameters passed in those calls), capturing instances of constructor functions when instantiated with new, and allowing test-time con..

원문: https://jestjs.io/docs/en/tutorial-async버전: Jest 23.6날짜: 2018-11-03※ 내용숙지가 안된 번역이 많아, 원문을 함께 둠An Async ExampleFirst, enable Babel support in Jest as documented in the Getting Started guide.Let's implement a simple module that fetches user data from an API and returns the user name.우선, Getting Started 가이드에서 설명된 데로 Jest에서 Babel 적용을 활성화 하자.API로 부터 user 데이터를 패치하고 user name을 반환하는 간단한 모듈을 구현하자.// ..

원문: https://jestjs.io/docs/en/tutorial-react-native버전: Jest 23.6날짜: 2018-11-01※ 내용숙지가 안된 번역이 많아, 원문을 함께 둠 Testing React Native AppsAt Facebook, we use Jest to test React Native applications.Get a deeper insight into testing a working React Native app example by reading the following series: Part 1: Jest – Snapshot come into play and Part 2: Jest – Redux Snapshots for your Actions and Reducers.페이..

.flowconfig [options]How to configure Flow's various optionsSearch docsThe [options] section in a .flowconfig file can contain several key-value pairs of the form:[options] keyA=valueA keyB=valueB Any options that are omitted will use their default values. Some options can be overridden with command line flags..flowconfig에 기입이 안된 생략되어진 옵션들은 디폴트 값으로 사용된다. 몇몇 옵션들은 커맨드 라인 플래그들로 덮어써질 수 있다.Available ..