본문 바로가기 메뉴 바로가기

윤민상 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

윤민상 블로그

검색하기 폼
  • 분류 전체보기 (398)
    • 기술 (10)
    • 웹 (24)
      • react (9)
      • next js (1)
    • devops (13)
      • aws ec2 (7)
    • 자바스크립트 (32)
      • 바닐라 자바스크립트 (6)
      • 자바스크립트 라이브러리 (2)
    • 타입스크립트 (1)
    • 생각정리 (4)
    • 책 (171)
      • 리팩터링2 (4)
      • 객체지향의 사실과 오해 (3)
      • 팀개발을 위한 git, github 시작하기 (8)
      • 리다기 (15)
      • nodejs 교과서 (16)
      • 데이터베이스개론 (13)
      • 데이터베이스를 지탱하는 기술 (3)
      • 따라하며 배우는 AWS 네트워크 입문 (3)
      • 모던 자바스크립트 Deep Dive (14)
      • 자바스크립트 완벽 가이드 (20)
      • do it html (14)
      • 윤성우 열혈 C 프로그래밍 (15)
      • 윤성우의 열혈 자료구조 (14)
      • 자바스크립트로 하는 자료 구조와 알고리즘 (14)
      • 하루 3분 네트워크 (9)
      • 그림으로 배우는 운영체제 (4)
      • 데이터베이스 시스템? (2)
    • 강의 (8)
      • 코드스피츠 (8)
      • 김민태 시나리오로 배우는 프론트엔드실무 (0)
    • nodejs (8)
      • nestjs (1)
    • HTML (0)
    • css (2)
    • 깃(git) (6)
    • 개발환경 (5)
      • vscode (3)
      • mac (2)
    • 사이드프로젝트 (1)
      • 투두리스트 (1)
    • mysql (9)
    • cs (3)
      • 네트워크 (1)
      • 자료구조 (1)
      • 운영체제 (0)
      • 데이터베이스 (1)
    • 코딩테스트 (83)
    • 취준 (6)
    • 우테캠 (10)
    • 안드로이드 (1)
    • 기타 (0)
  • 방명록

storybook (1)
최신 프론트엔드 개발환경 적용하기4(storybook with vite,emotion))

개발환경 적용은 끝났다. 테스트코드나 ci cd까지 추가하는 건 너무 광범위하다고 생각해서 다루지 않을려고 했다. 그런데 storybook을 적용하면서 몇가지 문제점이 생겨서 적용방법만 소개해보려고 한다. 스토리북 설치하기 다음 명령어로 스토리북을 설치하자. 참고로 yarn이아니라서 그냥 레포에 직접 들어가서 명령어를 입력하면 된다. npx는 yarn 환경이라면 yarn으로 알아서 설치해준다. npx sb init --builder @storybook/builder-vite 이게 끝이면 내가 글을 쓰지 않았다. yarn story명령어로 스토리북을 실행하면 import를 할 수 없다는 에러가 발생한다. 해당 라이브러리를 찾아보니 실제로 설치되지 않은 라이브러리다. 아마 내부에서 사용되는 것 같은데... ..

웹 2022. 9. 11. 21:15
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바