프론트엔드 개발자와 디자이너와 협업, 디자인 QA 시간 줄이기 을 고민하다가 D2 에서 진행한 FE devtalk (2021년 8월) 편을 봤다.
3명 이하의 작은 프론트 개발팀이 1개월 동안 디자인 시스템을 구축한 이야기
프론트엔드 개발팀이 2명밖에 없을때는 불필요하고, 시간낭비가 심한거 같아 eject 한 storybook 의 필요성을 다시 느꼇다. (bit.dev 로 진행할까 했다가, 가격이 만만치 않아서 포기했다..)
Storybook 공식 홈페이지를 통해 init 을 하고있었는데,
npx sb init Init 이후에, 타입스크립트 컴파일을 할때마다, css 타입이 맞지 않는다는 같은내용의 200개의 type errror 가 생겼다.
처음에는 rebass 와 storybook 의 이슈라고 생각해 관련해서 찾아보니깐 밑의 자료를 찾게되었다.
멸망의 Storybook 업데이트… (feat. Emotion)
이후, nodemodules 에서 @emotion/core 를 찾아 해당 내용을 지우고 patch-package 를 통해 적용시켰다.
patch-package를 활용한 NPM 패키지 패치(patch) 사례 (feat. React Native)
프론트엔드 개발자 김 주빈 입니다.