Skip to content

Latest commit

ย 

History

History
63 lines (48 loc) ยท 2.32 KB

README.md

File metadata and controls

63 lines (48 loc) ยท 2.32 KB

๐Ÿฅค Vending Machine ๐Ÿฅค

React typescript Redux Sass Jest Storybook Netlify Status

๊ฐ„๋‹จํ•œ ์žํŒ๊ธฐ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.
TypeScript์™€ Jest๋ฅผ ์ฃผ๋กœ ๊ณต๋ถ€ํ•˜๊ธฐ ์œ„ํ•œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

์š”๊ตฌ์‚ฌํ•ญ

  • ์ง€๊ฐ‘์˜ ์ฝ”์ธ์€ [50, 100, 500, 1000]๋‹จ์œ„๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์Œ๋ฃŒ๋Š” [์ด๋ฆ„ / ์žฌ๊ณ  / ๊ฐ€๊ฒฉ] ์ •๋ณด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.
  • ์ง€๊ฐ‘์˜ ์ฝ”์ธ์„ ํด๋ฆญํ•˜๋ฉด ์žํŒ๊ธฐ์— ํ‘œ์‹œ๋œ ๊ธˆ์•ก์ด ์ฆ๊ฐ€ํ•œ๋‹ค.
  • ๋ฐ˜ํ™˜ ๋ ˆ๋ฒ„๋ฅผ ํด๋ฆญํ•˜๋ฉด ์žํŒ๊ธฐ์— ๋“ค์–ด๊ฐ„ ๋ชจ๋“  ์ฝ”์ธ์€ ๋ฐ˜ํ™˜๊ตฌ์— ์Œ“์ด๊ณ  ์žํŒ๊ธฐ์— ํ‘œ์‹œ๋œ ๊ธˆ์•ก์ด 0์ด ๋œ๋‹ค.
  • ๋™์ „ ๋ฐ˜ํ™˜๊ตฌ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์Œ“์—ฌ์žˆ๋˜ ์ฝ”์ธ์€ ๋ชจ๋‘ ์ง€๊ฐ‘์œผ๋กœ ๋˜๋Œ์•„ ๊ฐ„๋‹ค.
  • ์žํŒ๊ธฐ์˜ ๊ธˆ์•ก์„ ์ดˆ๊ณผํ•˜์ง€ ์•Š๋Š” ๊ธˆ์•ก์˜ ์Œ๋ฃŒ๋งŒ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์žฌ๊ณ ๊ฐ€ ์—†๋Š” ์Œ๋ฃŒ๋Š” ํ’ˆ์ ˆ ์ฒ˜๋ฆฌ๋˜๊ณ  ์„ ํƒํ•  ์ˆ˜ ์—†๋‹ค.
  • ์„ ํƒํ•œ ์Œ๋ฃŒ๋Š” ๋ฌธ์„ ํด๋ฆญํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š” ๊ธฐ๊ณ„์•ˆ์— ์žˆ๊ณ , ๋ฌธ์„ ํด๋ฆญํ•˜๋ฉด ์„ ํƒํ–ˆ๋˜ ์Œ๋ฃŒ๋ฅผ ๋ชจ๋‘ ์ธ๋ฒคํ† ๋ฆฌ์— ๋‹ด์„ ์ˆ˜ ์žˆ๋‹ค.

.env

# Linux, Mac OS(default)
SASS_PATH=node_modules:src/scss
SKIP_PREFLIGHT_CHECK=true

# Window
SASS_PATH=node_modules:./node_modules;./src/scss/
SKIP_PREFLIGHT_CHECK=true

์‹คํ–‰

# install
npm install
# or
yarn install

# start
npm run start
# or
yarn start

# storybook
npm run storybook
# or
yarn storybook

๋ฐฐํฌ

์ฐธ๊ณ