220627 월

오종인·2022년 6월 27일

1) 학습한 내용


폴더구조

main.js: stories를 위한 config 설정
preview.js: 모든 story들에 글로벌하게 적용될 포맷 세팅

스토리 기본구조

Export default{
	Title: 스토리북에 올릴 component 폴더 계층 구조,
    Component: 스토리를 만들 컴포넌트 이름
}

2) 학습내용 중 어려웠던 점

3) 해결방법

4) 학습소감
UI컴포넌트 개발도구(storybook)를 설치하여 독립적인 환경에서 개발을 할수있도록 하는 환경을 만들어 컴포넌트들을 문서화 할수 있다는 것, 디자인 시스템에 적용해 피그마의 컴포넌트들과 동기화 할 수 있다는것을 알게되어 뿌듯했다.

profile
프론트개발자

0개의 댓글