스토리북(storybook)을 직접 구현한 사람이 겪은 분투기 URL

이전에 스토리 북에 관하여 포스팅을 한 적이 있다. 당시에는 스토리북이 무엇인지 몰라 알아보고자 하는 용도로 포스팅을 하였고, 여전히 스토리북을 직접 구현해본 적은 없다.

인터넷을 항해하던 중 스토리북 작성을 하면서 마주한 문제를 정리한 블로그가 있어 메모 목적으로 저장해두려고 한다.

 

✔️ 이전에 작성한 스토리북 포스팅 URL

---

https://hyermione.tistory.com/17

storybook ui란?

https://hyermione.tistory.com/19

스토리북(Storybook) UI 설치하기

 

✔️ 이번 포스팅 작성에 참고한 블로그 URL

---

https://fe-developers.kakaoent.com/2022/220609-storybookwise-component-refactoring/

스토리북 작성을 통해 얻게 되는 리팩토링 효과

 

✔️ 정리하기

---

• 스토리북 작성 시 주의사항
  1. 하나의 컴포넌트에 너무 많은 업무를 부여하지 말것.
     
     • 그러나 과하게 작은 단위로 나누어도 안됨
  2. 꼭 필요한 데이터만 불러올것
• 스토리북의 장점
  1. 생각하지 못한 곳에서 에러가 나는 것을 확인하고, 리팩토링 할 수 있는 계기가 됨
  2. 다양한 직군들과 한 화면을 보며 의견을 나눌 수 있게 됨
  3. 리팩토링 후, 사이드 이펙트 체크에 요긴함