/dabang_clone

๐Ÿ“’ Storybook๊ณผ Atomic Design์„ ์ด์šฉํ•œ Dabang Clone

Primary LanguageTypeScriptMIT LicenseMIT


Logo

๋‹ค๋ฐฉ

Explore the docs ยป

View Demo

๋ชฉ์ฐจ

  1. ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ
  2. Getting Started
  3. Contact

ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

๋‹ค๋ฐฉ์„ Atomic Design๊ณผ Storybook์„ ์ด์šฉํ•˜์—ฌ ์žฌ์‚ฌ์šฉ ์ปดํฌ๋„ŒํŠธ๋กœ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.
๋˜ํ•œ, Typescript๋กœ ์•Œ๋งž์€ Props๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ๊ณ , Pages ๋‹จ๊ณ„์—์„œ ํ˜„ ๋‹ค๋ฐฉ์—์„œ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๋ฐ˜์‘ํ˜• ํŽ˜์ด์ง€๋กœ ๋งŒ๋“ค์–ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Built With

React Badge TypeScript Badge Storybook Badge Styledcomponent Badge

Getting Started

๋กœ์ปฌ์—์„œ ์‹คํ–‰ํ•˜๋ ค๋ฉด ๋‹ค์Œ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ผ์ฃผ์„ธ์š”.

ํ•„์ˆ˜

๋‹ค์Œ์€ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ํ•ญ๋ชฉ์„ ๋‚˜์—ดํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์˜ˆ์ž…๋‹ˆ๋‹ค.

  • npm
    npm install npm@latest -g

์„ค์น˜

  1. Clone the repo
    git clone https://github.com/STHyeon/dabang_clone.git
  2. Install NPM packages
    npm install
  3. Start
    npm run storybook

Contact

TaeHyeon Song (Damsom) - Mail

Project Link: https://github.com/STHyeon/dabang_clone