Weitere ähnliche Inhalte
Ähnlich wie storybook (20)
Mehr von Wonjun Hwang (20)
storybook
- 4. 리액트 컴포넌트 트리 구조
- 리액트는 단방향(하향식)데이터 흐름을 가짐
- 상위 컴포넌트에서 하위 컴포넌트로 props를 전달
- 이로 인해 데이터의 흐름을 명확히 알 수 있고 예측
이 가능해짐
- 6. 리액트의 특성상 props로 연결된 컴포넌트는 키 커플링
이 되어있지만 그렇지 않은 컴포넌트들은 연결된 것이
아니기 때문에 하위 컴포넌트끼리의 데이터 전달이나
상태 변경은 굉장히 번거로움
- 11. 하나의 컴포넌트에서 너무 많은 일을 하는 경우
일일이 상태를 바꿔가며 테스트를 하기에는
많이 번거로움
Ex) 로그인 여부, 데이터 여부, 로딩 상태 등
- 13. 디자이너
- 프로토타입 전달 후 매 번 앱을 실행시키지 않고
바로바로 피드백이 가능하다.
- 사용자에게 일관된 경험을 제공할 수 있다.
- 개발자와 소통이 쉬워진다.
- 17. stories가 생성 되면 스토리북에 등록 할
Button story를 등록해줌
Ex) Button.stories.js