Storybook, UI 컴포넌트를 테스트하게 해줘!(feat. vite)
💡 이번 시간에는 UI 컴포넌트를 테스트할 수 있는 Storybook이라는 툴에 대해 알아보았다! 1. storybook이란 1) 스토리북은 무엇일까? 스토리북은 UI 컴포넌트의 동작을 독립적인 환경에서 테스트할 수 있는 툴이다. 스토리북에 추가된 컴포넌트는 서비스와 독립된 환경에서 렌더링되기에, 재사용 가능한 컴포넌트여야 한다. 스토리북은 개발자가 컴포넌트의 동작을 파악하는데 도움을 준다. 또한 figma 연동도 가능하기에 디자이너와의 커뮤니케이션에도 효과가 있다. 아래 gif는 스토리북의 예시이다. 🤔 컴포넌트를 테스트하기 위해 스토리북을 쓰는 거라면, 이 툴을 쓰지 않고 서버를 구동해서 컴포넌트 동작을 확인하면 안될까? 그렇게 해도 된다. 하지만 재사용가능한 컴포넌트가 UI 컨셉에 맞게 구현되어 있..
2023. 1. 15.
