AI Briefing#storybook
#storybook와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#storybook와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
Claude Code의 시스템 프롬프트가 개선되었으며, Storybook 및 패키지 기반의 /design-sync 스킬이 추가되었습니다.
공통 UI를 ZComponent로 분리하고 스토리북과 스냅샷 테스트로 관리 체계를 만들었다.
Figma 연동과 운영 프로세스를 묶어 디자인 시스템을 반복 가능한 체계로 만들었다.
Nx 18과 Bun 조합의 한계를 넘기 위해 Nx 21.4+와 Bun 1.2.x로 올렸다.
SK플래닛 Syrup이 Design System과 Figma-Storybook 연동을 통해 디자인-개발 핸드오프를 자동화하고 개발 생산성을 높였다.
올리브영은 UI 개발 효율성과 통일성을 높이기 위해 Emotion과 Storybook을 활용한 디자인 시스템을 구축했다.
올리브영이 백오피스 개발 생산성을 높이기 위해 Storybook 기반의 디자인 시스템 OLEA를 구축했다.
광고 템플릿 적용 후 A/B 테스트로 효과를 입증해 사내 공유 라이브러리로 확장했다.
스토리북 7버전 파일시스템 지원 중단에 따라 Docker 내 HTTP 서버 방식으로 테스트 구조를 변경했다.
무료 오픈소스 BackstopJS를 활용해 스토리북과 연동한 시각적 회귀 테스트를 구축하고 Docker와 GitHub Actions로 자동화한 실무 경험을 소개한다.
스토리북 스토리 작성 시 발생하는 의존성 문제를 해결하며 컴포넌트 설계를 개선하는 3가지 패턴을 소개했다.
카카오페이지 웹이 아토믹 디자인 도입 시 겪은 주관적 기준 문제와 피그마 연동, 스토리북 활용 등 실전 해결책을 공유했다.
Custom Render 래퍼로 Storybook 스토리의 MSW 모킹을 Jest에서 자동 적용해 중복 코드를 제거했다.