0.1.1 โข Published 2 years ago
blog-common-ui-kits v0.1.1
๐ป blog-common-ui-kits
์คํ ๋ฆฌ๋ถ ํ์ด์ง
npm ๋ฐฐํฌ
์ปดํฌ๋ํธ ์ค์น ํ ์ฌ์ฉ๋ฒ
ํจํค์ง ์ค์น
yarn add blog-common-ui-kits
ํด๋ ๊ตฌ์กฐ ์ค๋ช
- .storybook: ์คํ ๋ฆฌ๋ถ ๊ธฐ๋ณธ ์ ํ ํด๋
- src: ๋ฉ์ธ ์์
ํด๋
- components: ์ปดํฌ๋ํธ ์์ ํด๋
- shared: theme ๋ฑ ํ๋ก์ ํธ ์ ๋ฐ์ ์ผ๋ก ์ฌ์ฉํ๋ ๊ณตํต ๋ณ์ ์์ ํด๋
- stories: ์คํ ๋ฆฌ๋ถ ์์ ํด๋
- types: ํ์ ๋ชจ์ ํด๋
- utils: ๊ณตํต์ผ๋ก ๊ฐ์ ธ๊ฐ ์ ์๋ ์ ํธ ํจ์ ๋ชจ์ ํด๋
์์กด์ฑ ์ค์น
- yarn ๋๋ npm์ผ๋ก ์์กด์ฑ ์ค์น๋ฅผ ํ ์ ์์ง๋ง ์์กดํ๋ ํ์ผ์ด package-lock.json, yarn.lock์ผ๋ก ๋ถ๋ฆฌ๋๊ธฐ ๋๋ฌธ์ ํ๋๋ก ํต์ผ (๊ธฐ์กด yarn์ผ๋ก ์งํ)
# ์์กด์ฑ ์ค์น
yarn
๋น๋ ๋ฐ ๋ฐฐํฌ
- ์ปดํฌ๋ํธ ์์
ํ
build
, build ํ์ผ๋ค์dist
ํด๋์ ์์ฑ - ๋ฐฐํฌ ์ ์ฃผ์ ์ฌํญ์ package.json ๋ฒ์ ์์ ํด์ค์ผ ํจ
# ๋น๋
yarn build
# npm ๋ฐฐํฌ
npm publish
์คํ ๋ฆฌ๋ถ ๋น๋ ๋ฐ ๋ฐฐํฌ
- yarn build:storybook์ ์งํํ๋ฉด
storybook-static
ํด๋ ๊ฐ ์์ฑ๋๋ค. - yarn deploy:storybook์ํ๋ฉด
storybook-static
์ ๊ธฐ๋ฐ์ผ๋ก ๊นํ๋ธ ํ์ด์ง ๋ฐฐํฌ ์งํ
# ๋น๋
yarn build:storybook
# ๋ฐฐํฌ
yarn deploy:storybbok
git flow (๋ ผ์ ํ์)
- main: npm ๋ฐฐํฌ ๋ธ๋์น
- dev: ์ต์ข ๊ฐ๋ฐ ๋ธ๋์น
- feature: ๊ธฐ๋ฅ ๋ธ๋์น
- fix: ์์ ๋ธ๋์น
์์ ํ๋ก์ธ์ค (๋ ผ์ ํ์)
1. ์์
๋ํ issue ๋ฑ๋ก
2. dev ๋ธ๋์น๋ฅผ ๊ธฐ์ค์์์์ feature branch๋ฅผ ์์ฑ ํ ์์
์งํ ex) button, select
3. ์์
์ด ์๋ฃ๋๋ฉด pull request ๋ณด๋ธ๋ค (๋ฆฌ๋ทฐ์ด๋ก ํ์๋ค ๋ฑ๋ก)
4. ์ฝ๋ ๋ฆฌ๋ทฐ ์งํ
5. feature -> dev๋ก merge
6. 1 ~ 5๋ฒ ๋ฐ๋ณต
7. ์ด๋์ ๋ ์์
์ด ๋ฌ๊ณ ํ์๋ค๊ณผ ๋
ผ์ ํ npm ๋ฐฐํฌ ์์ ๋๋ฉด dev -> main merge
8. npm ๋ฐฐํฌ ์งํ