@modern-kit
๋ ํด๋ผ์ด์ธํธ ๊ฐ๋ฐ์ ์ ์ฉํ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ
, ์ปค์คํ
ํ
๋ฐ ์ ํธ๋ฆฌํฐ ํจ์
, ํ์
์ ์ ๊ณตํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์
๋๋ค.
ํด๋ผ์ด์ธํธ ๊ฐ๋ฐ์ ํ์ํ ๋ชจ๋๋ค์ ์ ๊ณตํ๋ ๊ฒ ๋ฟ๋ง์๋๋ผ, ๋ค์ํ ๋ ํผ๋ฐ์ค๋ฅผ ์ ๊ณต
ํ๊ธฐ ์ํ ๋ชฉ์ ์ ๊ฐ๊ณ ์์ต๋๋ค.
@modern-kit
๋ Next.js์ SSR(Server Side Rendering)
ํ๊ฒฝ์์๋ ํธํ๋๋ ๋ฑ CJS(CommonJs)
ํ๊ฒฝ์์๋ ํธํ๋๊ธฐ ์ํด CJS(CommonJs)
์ ESM(ECMAScript Module)
๋ ํฌ๋งท์ ๋ชจ๋ ์ง์ํฉ๋๋ค.
@modern-kit
์ ๊ณต์ ๋ฌธ์๋ ์๋ ์น์ฌ์ดํธ์์ ํ์ธํ์ค ์ ์์ต๋๋ค
- React์ ๊ด๋ จ๋ ์ ์ฉํ
์ปดํฌ๋ํธ
์์ปค์คํ ํ
์ ์ ๊ณตํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
npm i @modern-kit/react
yarn add @modern-kit/react
pnpm i @modern-kit/react
- ํด๋ผ์ด์ธํธ ๊ฐ๋ฐ๊ณผ ๊ด๋ จ๋ ์ ์ฉํ
์ ํธ๋ฆฌํฐ ํจ์
๋ฅผ ์ ๊ณตํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
npm i @modern-kit/utils
yarn add @modern-kit/utils
pnpm i @modern-kit/utils
- ์ ์ฉํ
์ ํธ ํ์
๋ค์ ์ ๊ณตํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ๋๋ค.
npm i @modern-kit/types
yarn add @modern-kit/types
pnpm i @modern-kit/types
root
ํด๋์์ ์งํํด์ฃผ์ธ์.- ํจํค์ง ๋งค๋์ ๋
yarn berry
, Node ๋ฒ์ ์v20
์ ์ฌ์ฉํ์ ์ผ ํฉ๋๋ค.
yarn eslint packages
- ์ ๋ช
๋ น์ด๋ฅผ ํตํด ๋ชจ๋ ํจํค์ง์
lint
๊ฒ์ฌ๋ฅผ ์งํํ ์ ์์ต๋๋ค.
yarn test
test
๋ช ๋ น์ด๋ฅผ ํตํดvitest
์react-testing-library
๋ก ํ ์คํธ๋ฅผ ์งํํ ์ ์์ต๋๋ค.
yarn typecheck
typecheck
๋ช ๋ น์ด๋ฅผ ํตํดtypecheck
๋ฅผ ์งํํ ์ ์์ต๋๋ค.
yarn build
build
๋ช ๋ น์ด๋ฅผ ํตํด ๊ด๋ฆฌํ๋ ๋ชจ๋ ํจํค์ง๋ค์ build, ์๋จ์ lint, test, typecheck๋ฅผ ๋ชจ๋ ์งํํฉ๋๋ค.
- @modern-kit์ docusaurus๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋ฌธ์ํ ์์ ์ ์งํํฉ๋๋ค.
yarn start:docs
start:docs
๋ช ๋ น์ด๋ฅผ ํตํด ๊ฐ๋ฐ ์๋ฒ๋ฅผ ์คํํด ๋ฌธ์ ์์ ์ ๋ฏธ๋ฆฌ ํ์ธ ํ ์ ์์ต๋๋ค.
yarn build:docs
build:docs
๋ช ๋ น์ด๋ฅผ ํตํด document build๋ฅผ ์งํํฉ๋๋ค.- ์ ๊ท ๋ฌธ์ ์์ ํ ํด๋น build ์์ ์ด ์ ์์ ์ผ๋ก ์งํ๋์ด์ผ ํฉ๋๋ค.
๋ชจ๋ ๊ธฐ์ฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๋๊ตฌ๋ ์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ธฐ์ฌํ ์ ์์ต๋๋ค. Contributing Guide
- Node v20
- React, TypeScript
- Vitest, React-Testing-Library
- Rollup, ESBuild
- Yarn Berry(v4) & Workspaces
- Lerna (for Versioning & Publishing)
- docusaurus (documentation)
Yarn Berry
์workspaces
๋ฅผ ํ์ฉํด Monolithic Repository ํ๊ฒฝ์ ๊ตฌ์ถ- packages ๋ด๋ถ์ ํจํค์ง๋ค์ ๋ก์ปฌ ํจํค์ง์ฒ๋ผ ์ํธ ์์กด์ฑ์ ๊ฐ์ต๋๋ค.
lerna
๋ฅผ ํ์ฉํ ํตํฉ ๋น๋, ํตํฉ ํ ์คํธ, ํตํฉ ๋ฐฐํฌ ํ๊ฒฝ ๊ตฌ์ถgithub actions
๋ฅผ ํ์ฉํ CI/CD ๊ตฌ์ถchangeset
์ ํ์ฉํ ๋ชจ๋ ธ๋ ํฌ ํ๊ฒฝ์์ ํจํค์ง ์ผ๊ด์ฑ ์ ์ง ๋ฐ NPM ๋ฐฐํฌ ์งํdependabot
์ ํ์ฉํ ์๋ ์์กด์ฑ ๊ด๋ฆฌcodecov
๋ฅผ ํ์ฉํ ํ ์คํธ ์ฝ๋ ์ปค๋ฒ๋ฆฌ์ง ์ฒดํฌ ๋ฐ ์ ๋ขฐ์ฑ ์๋ ์ฝ๋ ์ ๊ณตdocusaurus
๋ฅผ ํ์ฉํ ๋ฌธ์ํ
MIT ยฉ Modern Agile. See LICENSE for details.