chore(web, sds): Storybook & Chromatic 세팅

[semnil5202]

🎉 변경 사항

스토리북 세팅 완료했습니다.

packages/core/sds와 apps/web에 각각 두었습니다. apps/web은 web-domains의 index.ts에서 export 한 컴포넌트를 가지고와서 스토리북으로 작성합니다.

이 부분에 대해서 추가 논의가 필요할 것 같습니다. domain 마다 스토리북을 두면 도메인을 생성할 때마다 스토리북 init 및 chromatic 배포 리소스가 들어서 web에 스토리북을 위치하게 되었는데, 이 과정에서 index.ts에 실제 apps/Web에서 사용하지 않는 컴포넌트와 타입들을 export 해줘야합니다.

현재 domain이 크지 않아서 web-domains라는 하나의 패키지로 두었기 때문에 web-domains에 스토리북을 위치시킬지, 아니면 현재 web에 위치시킬지 의논해보면 좋을 것 같아요. 🤔

현재 미완된 기능

Chromatic 배포,, actions 로그 보시면 알겠지만 잘 안되고 있습니다. 혹시 해보신 분이 있다면 저에게 알려주세요,, 여태 chromatic 배포를 단일레포의 것들만 해보기도 했고, 사실 단일레포 chromatic 배포는 공식문서에서 제공한 코드 복붙하면 되는지라,, (모노레포는 좀 다르더군요.)

PR에 Chromatic 배포 주소 표시하는게 있더라구여? 그거까지 해볼 생각입니다. (자고 일어나서,,)

• Chromatic 배포까지 완료했습니다.
• PR에 Comment로 Chromatic 배포 주소 표시까지 완료했습니다. (삼봤드가 해줬으면 좋겠는데,,🤔)

그리고 Storybook script 추가해두겠습니다.

🔗 링크

슬랙에도 올려놨던 것인데 chromatic 배포 주소입니다.

web chromatic

sds chromatic

🙏 여기는 꼭 봐주세요!

슬랙에 chromatic project token 고정 해놨습니다~

[github-actions]

📣 SDS Storybook Deployment: https://66956f1d6c91193380ba3556-yuntebkshv.chromatic.com/
📣 Web Storybook Deployment: https://66956da7bacef603b3d06a1a-yiuzxokskj.chromatic.com/

[github-actions]

📣 SDS Storybook Deployment: https://66956f1d6c91193380ba3556-oqhiaowbqz.chromatic.com/
📣 Web Storybook Deployment: https://66956da7bacef603b3d06a1a-znvndvukhm.chromatic.com/

[Doeunnkimm]

고생하셨습니다 🎉🎉🎉
일단 고! 하시죠 ! 세부적인 것은 하면서 다듬읍시다 !