리 액트 스토리 북 ( React Storybook ) 을 통한 컴포넌트 개발 과 활용 방법 - 1 | vobour 보버 - 블로그 형 SNS 
 Toggle navigation 로그인 연재 도움 말 × 도움 말 - 글감 수집 하 기 ( 인용 ) 도움 말 - 부분 리뷰 작성 하 기 출간 큰 화면 글 작성 오역 유발자 의 React to the rescue 2 개월 전리 액트 스토리 북 ( React Storybook ) 을 통한 컴포넌트 개발 과 활용 방법 - 1 이 글 은 현재 리 액트 커뮤니티 에서 UI 컴포넌트 개발 시 에 많이 사용 되 는 툴 인 스토리 북 에 대한 글 입니다 . 여기 에서 는 먼저 스토리 북 에 대한 간단 한 소개 와 특징 을 알아보 고 , 실제로 스토리 북 을 사용 해 보 면서 다양 한 활용 방법 과 장점 에 대해서 알아보 도록 하 겠 습니다 . 이 글 은 총 2 편 으로 구성 되 어 있 습니다 . 이 글 에서 는 먼저 스토리 북 소개 , 전체 구조 와 설치 까지 알아보 고 다음 편 에서 실제로 샘플 프로젝트 를 구성 하 면서 다양 한 활용 방법 과 특징 을 다뤄 보 도록 하 겠 습니다 . 스토리 북 소 개리 액트 스토리 북 ( Storybook ) 은 UI 컴포넌트 를 직접 보 면서 개발 을 할 수 있 는 환경 을 제공 하 는 툴 이 다 . 스토리 북 은 프로젝트 내 에서 독립 된 환경 으로 실행 되 기 때문 에 , 앱 의 특정 한 의존 성 에서 벗어나 서 순수 UI 개발 에 집중 할 수 있 도록 한다 . 또한 , 스토리 북 은 리 액트 웹 ( Web ) 뿐 만 아니 라 리 액트 네이티브 ( React Native ) 환경 에서 도 사용 할 수 있 다 . 스토리 북 을 활용 하 면 개발자 본 인 뿐 아니 라 , 팀 ( 기획 자 , 디자이너 ) 과 의 협업 구조 에서 도 원할 한 커뮤니케이션 과 빠른 이터레이션 ( iteration ) 을 통한 개발 생산 성 향상 효과 도 누릴 수 있 다 . UI 개발 을 하 다 보 면 빈번 하 게 일어나 는 디자인 스펙 오류 , 기획 프로세스 오류 등 을 빠르 게 확인 하 여 수정 할 수 있 으며 , 개발자 는 컴포넌트 를 더욱 유연 하 고 , 재 사용 가능 한 컴포넌트 개발 을 할 수 있 도록 도와 준다 . 스토리 북 의 경우 현재 많 은 회사 에서 사용 하 고 있 는데 , Airbnb , Slack , Coursera 등 과 많 은 리 액트 오픈 소스 프로젝트 에서 사용 되 고 있 다 . ( https : / / storybook . js . org / examples / ) 
 Storybook references 
 이번 화 는 여기 에서 마무리 하 는 것 으로 하 고 , 다음 에 는 직접 샘플 프로젝트 를 만들 어 보 면서 스토리 북 의 다양 한 애드온 과 활용 방법 에 대해서 알아보 도록 하 겠 습니다 . 감사 합니다 . react 리 액트 react - storybook 컴포넌트 0 오역 유발자 의 React to the rescue 0 오역 유발자 의 React to the rescue 리뷰 글 쓰 기 . .. 출간 큰 화면 글 작성