storybook과Atomic

회사에서 react로 마이그레이션을 진행하기 위해 storybook를 공부하면서기존 container-component구조가 아닌 Atomic Design을 적용하기 위해 공부하는 글 입니다.디자인 요소들을 나누어 파악하고 요소를 조합하는 과정을 통해 디자인을 구성하는

1. storybook란? storybook은 UI개발 도구로 데이터베이스나 서버가 연결되어있지 않더라도 확인이 가능하게 만들어 줍니다. 이를 이용해서 외부에 프로그램을 소개할 때 사용하기도 하고 내부에서 프로그램을 개발 시 문서화 등에 사용이 됩니다. 특히 환경에

여기에 가시면 다양한 storybook의 예제를 볼 수 있습니다. 이 외에 저같은 경우는 Atomic Design 형태로 만들고 싶어 공부하고 있습니다. 아래의 그림을 살펴보세요. 1. 내가 만들 디자인 시스템 가장 이상적인 디자인 시스템은 프로젝트