[Storybook Doc 번역_v5.1] - Composite component
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..
[Storybook Doc 번역_v5.1] - Simple Component(React)
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를..