🐰 Note #2021-01-15

(없어진줄알았는데 임시저장함에 있었음ㅎ)

지금까지는 관리자 프로그램인 슈퍼어드민, 웹 서비스에서 작은 기능들, 쇼핑몰 크롤링의 업무들을 했다면, 오늘은 새로운 업무를 접했다!
바로 storybook에 컴포넌트 관련 문서를 추가하는 일이다.

우리회사는 atomic 디자인 방식을 사용하여 중복되는 스타일을 가진 버튼이나 섹션, 카드, 템플릿 등을 atom, molecules등의 폴더에 컴포넌트로 분리하여 재사용한다.

storybook은 아래와 같이 컴포넌트들의 속성 등을 쉽게 컨트롤해서 적용된 결과를 바로 볼 수 있게 하는 툴을 제공한다. 따라서 개발자가 직접 구현한 컴포넌트를 디자이너가 쉽게 이해할 수 있게 되고 원활한 소통과 피드백이 가능해진다.

그래서 나는 디자이너와 개발자의 연결고리 느낌으로 '우리는 이렇게 개발했어요'라는 것을 잘 보여주도록 하는 역할! 먼저 molecules에 있는 card 컴포넌트들을 추가하는 업무부터 했다. 처음보는 컴포넌트들을 하나하나 속성을 확인하고 어떻게 동작하는지 확인하니 컴포넌트를 깊게 알 수 있는 계기가 되었다.
(급마무리)