wadoob

  • 홈

스토리북 1

[Storybook] 필수 addon - Viewport

스토리북에서 Viewport 툴바를 사용하면 스토리가 렌더링되는 iframe의 크기를 조정할 수 있습니다. 이를 통하여 반응형 UI를 쉽게 개발할 수 있습니다. 설치 $ npm i -D @storybook/addon-viewport 그런 다음 .storybook/main.ts 에 다음과 같이 추가합니다. export default { addons: ['@storybook/addon-viewport'], }; 설정 기본적으로 Viewport 애드온은 표준 Viewport 세트를 제공합니다. 기본 Viewport 세트를 변경하려는 경우, 전역 파라미터로 설정할 수 있습니다. 다음과 같이 .storybook/preview.js 에 viewport 파라미터로 설정 가능합니다. // .storybook/previ..

개발/Storybook 2023.07.06
이전
1
다음
프로필사진

wadoob

  • 분류 전체보기
    • 기획
      • Figma
    • 개발
      • AI
      • AWS
      • CSS
      • Flutter
      • React
      • NextJS
      • Storybook
      • Tools
      • 정보
    • 금융
    • 블로그

Tag

이클립스 단축키, 대량등록, Addon, 스토리북, splash screen, 오픈 API, 쇼핑몰, open api, storybook, TypeScript, flutter 에러 해결 방법, Flutter, 플러터, 스플래시 스크린, ViewPort, Vue3, flutter 에러, 이클립스, 반응형UI,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 05  
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.