Storybook: ์• ๋“œ์˜จ ๋ชฉ๋ก์˜ Firefox UI ๋ฒ„๊ทธ

์— ๋งŒ๋“  2019๋…„ 06์›” 05์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: storybookjs/storybook

๋ฒ„๊ทธ ์„ค๋ช…
๋ฒ„๊ทธ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ๋ช…ํ™•ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

์ˆ˜ํ‰ ์Šคํฌ๋กค๋ฐ”๋Š” Chrome๋ณด๋‹ค ํฌ๊ณ  ์• ๋“œ์˜จ ์ œ๋ชฉ์„ ๋ฎ์Šต๋‹ˆ๋‹ค.

image

์žฌํ˜„ํ•˜๋ ค๋ฉด
๋™์ž‘์„ ์žฌํ˜„ํ•˜๋Š” ๋‹จ๊ณ„ :

  1. ์—ฌ๋Ÿฌ ์• ๋“œ์˜จ ์ถ”๊ฐ€
  2. ์• ๋“œ์˜จ ํŒจ๋„์ด ์• ๋“œ์˜จ ๋ชฉ๋ก๋ณด๋‹ค ์ข์•„ ์งˆ ๋•Œ๊นŒ์ง€ ์ฐฝ์„ ์ถ•์†Œํ•ฉ๋‹ˆ๋‹ค.
  3. ์˜ค๋ฅ˜ ์ฐธ์กฐ

์˜ˆ์ƒ๋˜๋Š” ํ–‰๋™

์–‡์€ ์Šคํฌ๋กค๋ฐ”๋ฅผ ์—ฐ๊ฒฐํ•˜๋ ค๋ฉด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•˜์‹ญ์‹œ์˜ค.

image

* ๊ทธ๊ฒƒ์„ ๊ณ ์น˜๋Š” ๋ฐฉ๋ฒ•?

๋‹ค์Œ div์˜ ํด๋ž˜์Šค์— scrollbar-width: thin; ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

image

์Šฌํ”„๊ฒŒ๋„ ๊ทธ ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ์–ด๋””์— ์žˆ๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค (์ฐพ์„ ์ˆ˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค).

์ฒด๊ณ„:

  • OS : [์˜ˆ : iOS, Windows10, MacOS] : Windows 10.
  • ๊ธฐ๊ธฐ : [์˜ˆ : iPhoneX, Macbook Pro 2018] : ๋ฐ์Šคํฌํ†ฑ.
  • ๋ธŒ๋ผ์šฐ์ € : [์˜ˆ : chrome, safari] : Firefox.
  • ํ”„๋ ˆ์ž„ ์›Œํฌ : [์˜ˆ : react, vue, angular] : ๋ฐ˜์‘ (ํ•˜์ง€๋งŒ ์–ด๋–ค๊ฐ€์š”?)
  • ์• ๋“œ์˜จ : [๊ด€๋ จ๋œ ๊ฒฝ์šฐ]
  • ๋ฒ„์ „ : [์˜ˆ : 4.0.0] 5.0.11
bug good first issue help wanted ui

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

v5.1.1๋กœ ์—…๋ฐ์ดํŠธ ํ•œ ๊ฒฐ๊ณผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

image

>๋ชจ๋“  ๋Œ“๊ธ€

v5.1.1๋กœ ์—…๋ฐ์ดํŠธ ํ•œ ๊ฒฐ๊ณผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

image

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰