์ปดํฌ๋ํธ ๊ณต์ ํ๋ซํผ์ ํ์ฉํ ํ๋ก ํธ์๋ Bit ํตํฉ์ด ์ด๋ป๊ฒ ๊ธ๋ก๋ฒ ๊ฐ๋ฐํ์ด ํ์ฅ ๊ฐ๋ฅํ๊ณ ์ผ๊ด๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ํจ์จ์ ์ผ๋ก ๊ตฌ์ถํ๋๋ก ๋๋์ง ์์๋ณด์ธ์.
ํ๋ก ํธ์๋ Bit ํตํฉ: ๊ธ๋ก๋ฒ ํ์ ์ํ ํ์ฅ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ ๊ณต์ ํ๋ซํผ ๊ตฌ์ถ
์ค๋๋ ๋น ๋ฅด๊ฒ ๋ณํํ๋ ๋์งํธ ํ๊ฒฝ์์ ๊ฒฌ๊ณ ํ๊ณ ํ์ฅ ๊ฐ๋ฅํ๋ฉฐ ์ ์ง๋ณด์ ์ฉ์ดํ ํ๋ก ํธ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ํ ์๊ตฌ๋ ๊ทธ ์ด๋ ๋๋ณด๋ค ๋์ต๋๋ค. ๊ฐ๋ฐํ์ ๊ท๋ชจ๊ฐ ์ปค์ง๊ณ ์ง๋ฆฌ์ ์ผ๋ก ๋ถ์ฐ๋จ์ ๋ฐ๋ผ ์ผ๊ด์ฑ์ ๋ณด์ฅํ๊ณ ์ฝ๋ ์ฌ์ฌ์ฉ์ ์ด์งํ๋ฉฐ ํจ๊ณผ์ ์ธ ํ์ ์ ์กฐ์ฑํ๋ ๊ณผ์ ๋ ์ ์ ๋ ๋ณต์กํด์ง๊ณ ์์ต๋๋ค. ๋ฐ๋ก ์ด ์ง์ ์์ Bit๊ณผ ๊ฐ์ ์ ๊ตํ ์ปดํฌ๋ํธ ๊ณต์ ํ๋ซํผ์ ํตํด ์ด์ง๋๋ ํ๋ก ํธ์๋ Bit ํตํฉ์ ํ์ด ์ง์ ์ผ๋ก ๋น์ ๋ฐํฉ๋๋ค. ์ด ์ข ํฉ ๊ฐ์ด๋์์๋ Bit๊ณผ ๊ฐ์ ํ๋ซํผ์ผ๋ก ์ปดํฌ๋ํธ ์ค์ฌ ์ ๊ทผ ๋ฐฉ์์ ์ฑํํ๋ ๊ฒ์ด ์ด๋ป๊ฒ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์ํฌํ๋ก์ฐ๋ฅผ ํ์ ํ์ฌ ๊ธ๋ก๋ฒ ํ์ด ๋ ๋์ ์ํํธ์จ์ด๋ฅผ ๋ ๋น ๋ฅด๊ฒ ๊ตฌ์ถํ ์ ์๋๋ก ํ๋์ง ํ๊ตฌํฉ๋๋ค.
์ปดํฌ๋ํธ ๊ธฐ๋ฐ ๊ฐ๋ฐ์ ํ์์ฑ
์ ํต์ ์ธ ๋ชจ๋๋ฆฌ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ข ์ข ์ฝ๋๋ฒ ์ด์ค๊ฐ ๊ธด๋ฐํ๊ฒ ๊ฒฐํฉ๋์ด ๊ด๋ฆฌ, ์ ๋ฐ์ดํธ ๋ฐ ํ์ฅ์ด ์ด๋ ต๊ฒ ๋ง๋ญ๋๋ค. ์ ํ๋ฆฌ์ผ์ด์ ์ ํ ๋ถ๋ถ์์์ ๋ณ๊ฒฝ์ด ๋ค๋ฅธ ๊ณณ์์ ์๋์น ์์ ๊ฒฐ๊ณผ๋ฅผ ์ด๋ํ์ฌ ๋น์ฉ์ด ๋ง์ด ๋๋ ํ๊ท(regression)์ ๊ฐ๋ฐ ์ฃผ๊ธฐ ์ง์ฐ์ผ๋ก ์ด์ด์ง ์ ์์ต๋๋ค. ์ปดํฌ๋ํธ ๊ธฐ๋ฐ ์ํคํ ์ฒ๋ ๊ฐ๋ ฅํ ๋์์ ์ ์ํฉ๋๋ค.
ํต์ฌ์ ์ผ๋ก, ์ปดํฌ๋ํธ ๊ธฐ๋ฐ ๊ฐ๋ฐ์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์ปดํฌ๋ํธ๋ผ๊ณ ๋ถ๋ฆฌ๋ ์๊ณ ๋ ๋ฆฝ์ ์ด๋ฉฐ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์กฐ๊ฐ์ผ๋ก ๋๋๋ ๊ฒ์ ํฌํจํฉ๋๋ค. ๊ฐ ์ปดํฌ๋ํธ๋ ์์ฒด ๋ก์ง, ์คํ์ผ๋ง, ๋๋ก๋ ์์ฒด ํ ์คํธ๊น์ง ์บก์ํํฉ๋๋ค. ์ด๋ฌํ ๋ชจ๋์ ์ ๊ทผ ๋ฐฉ์์ ๋ช ๊ฐ์ง ์ค์ํ ์ด์ ์ ๊ฐ์ ธ์ต๋๋ค:
- ์ฌ์ฌ์ฉ์ฑ: ์ปดํฌ๋ํธ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ค๋ฅธ ๋ถ๋ถ์ด๋ ์ฌ๋ฌ ํ๋ก์ ํธ์ ๊ฑธ์ณ ์ฌ์ฌ์ฉ๋ ์ ์์ด ๊ฐ๋ฐ ์๊ฐ๊ณผ ๋ ธ๋ ฅ์ ํฌ๊ฒ ์ค์ ๋๋ค.
- ์ ์ง๋ณด์์ฑ: ๋ ์๊ณ ๊ฒฉ๋ฆฌ๋ ์ปดํฌ๋ํธ๋ ์ดํด, ๋๋ฒ๊น ๋ฐ ์ ๋ฐ์ดํธ๊ฐ ๋ ์ฝ์ต๋๋ค. ์ปดํฌ๋ํธ ๋ณ๊ฒฝ์ ํด๋น ํน์ ์ปดํฌ๋ํธ์ ๊ทธ ์ง์ ์ ์ธ ์ข ์์ฑ์๋ง ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
- ํ์ฅ์ฑ: ๋ชจ๋์ ์ํคํ ์ฒ๋ ์๋ก์ด ๊ธฐ๋ฅ์ ์ถ๊ฐํ๊ณ , ๊ธฐ์กด ์ฝ๋๋ฅผ ๋ฆฌํฉํฐ๋งํ๋ฉฐ, ์ฌ์ฉ์ ์๊ตฌ๊ฐ ์ฆ๊ฐํจ์ ๋ฐ๋ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ํ์ฅํ๊ธฐ ์ฝ๊ฒ ๋ง๋ญ๋๋ค.
- ์ผ๊ด์ฑ: ํ์คํ๋ ์ปดํฌ๋ํธ ์ธํธ๋ฅผ ์ฌ์ฉํจ์ผ๋ก์จ ๊ฐ๋ฐํ์ ์ ์ฒด ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฑธ์ณ ์ผ๊ด๋ ๋ชจ์, ๋๋ ๋ฐ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ณด์ฅํ ์ ์์ต๋๋ค.
- ํ์ : ์ปดํฌ๋ํธ ๊ธฐ๋ฐ ๊ฐ๋ฐ์ ํนํ ๋ถ์ฐ๋ ํ์ ๊ฒฝ์ฐ ๋ ๋์ ํ ํ์ ์ ์์ฐ์ค๋ฝ๊ฒ ๊ธฐ์ฌํฉ๋๋ค. ๊ฐ๋ฐ์๋ค์ ์๋ก์ ์์ ์ ๋ฐฉํดํ์ง ์๊ณ ๋์์ ๋ค๋ฅธ ์ปดํฌ๋ํธ์์ ์์ ํ ์ ์์ต๋๋ค.
๊ณต์ ์ปดํฌ๋ํธ ๊ด๋ฆฌ์ ์ด๋ ค์
์ปดํฌ๋ํธ ๊ธฐ๋ฐ ๊ฐ๋ฐ์ ์ด์ ์ ๋ถ๋ช ํ์ง๋ง, ํ ๋ด์์, ํนํ ๊ธ๋ก๋ฒ ํ ๋ด์์ ๊ณต์ ์ปดํฌ๋ํธ๋ฅผ ๊ด๋ฆฌํ๋ ๊ฒ์ ๊ทธ ์์ฒด๋ก ์ฌ๋ฌ ์ฅ์ ๋ฌผ์ ์ ์ํฉ๋๋ค:
- ์์กด์ฑ ์ง์ฅ(Dependency Hell): ์ปดํฌ๋ํธ๊ฐ ์งํํจ์ ๋ฐ๋ผ ๋ฒ์ ๊ณผ ์์กด์ฑ์ ๊ด๋ฆฌํ๋ ๊ฒ์ ์ ๋ชฝ์ด ๋ ์ ์์ต๋๋ค. ๋จ์ผ ์ปดํฌ๋ํธ๋ฅผ ์ ๋ฐ์ดํธํ๋ฉด ๊ทธ์ ์์กดํ๋ ์๋ง์ ๋ค๋ฅธ ์ปดํฌ๋ํธ๋ฅผ ์ ๋ฐ์ดํธํด์ผ ํ ์ ์์ผ๋ฉฐ, ์ด๋ ๋ณต์กํ ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก๋ก ์ด์ด์ง๋๋ค.
- ๋ฐ๊ฒฌ ๊ฐ๋ฅ์ฑ: ๊ฐ๋ฐ์๋ค์ ํ์ํ ์ปดํฌ๋ํธ๋ฅผ ์ด๋ป๊ฒ ์ฐพ์๊น์? ์ค์ ์ ์ฅ์์ ์ข์ ๋ฌธ์ ์์ด๋ ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ์ดํดํ๋ ๋ฐ ์๊ฐ์ด ๋ง์ด ๊ฑธ๋ฆฌ๋ ๊ณผ์ ์ด ๋ ์ ์์ต๋๋ค.
- ๋ฒ์ ๊ด๋ฆฌ ๋ฐ ๊ฒ์: ์ปดํฌ๋ํธ ๋ฒ์ ์ ์ถ์ ํ๊ณ , ์ ๋ฐ์ดํธ๋ฅผ ๊ฒ์ํ๋ฉฐ, ์๋น์๊ฐ ์ฌ๋ฐ๋ฅธ ๋ฒ์ ์ ์ฌ์ฉํ๊ณ ์๋์ง ํ์ธํ๋ ๊ฒ์ ์๋์ ์ด๊ณ ์ค๋ฅ๊ฐ ๋ฐ์ํ๊ธฐ ์ฝ์ต๋๋ค.
- ํ๊ฒฝ ๋ถ์ผ์น: ๊ฐ๋ฐ์๋ง๋ค ๋ก์ปฌ ํ๊ฒฝ์ด ์ฝ๊ฐ์ฉ ๋ค๋ฅผ ์ ์์ผ๋ฉฐ, ์ด๋ ๊ณต์ ์ปดํฌ๋ํธ๋ฅผ ๋น๋ํ๊ฑฐ๋ ์คํํ ๋ ๋ถ์ผ์น๋ก ์ด์ด์ง ์ ์์ต๋๋ค.
- ํ ์ฌ์ผ๋ก(Silos): ๊ณต์ ํ๋ซํผ์ด ์์ผ๋ฉด ์ปดํฌ๋ํธ ๊ฐ๋ฐ์ด ํน์ ํ ๋ด์์ ๊ณ ๋ฆฝ๋์ด ์ค๋ณต๋ ๋ ธ๋ ฅ๊ณผ ๋ ๋์ ์ฑํ ๊ธฐํ๋ฅผ ๋์น๊ฒ ๋ ์ ์์ต๋๋ค.
Bit ์๊ฐ: ์ปดํฌ๋ํธ ๊ณต์ ํ๋ซํผ
Bit์ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ์ ์์ฑ, ๊ณต์ ๋ฐ ์๋น๋ฅผ ์ฉ์ดํ๊ฒ ํ๋๋ก ์ค๊ณ๋ ์คํ์์ค ํด์ฒด์ธ์ด์ ํ๋ซํผ์ ๋๋ค. ์ด๋ ํ๋ก ํธ์๋ ํ์ด ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ด๋ฆฌํ๋ ๋ฐฉ์์ ๊ทผ๋ณธ์ ์ผ๋ก ๋ฐ๊พธ์ด ์์์ ์ค๋ช ํ ๊ณผ์ ๋ค์ ์ ๋ฉด์ผ๋ก ํด๊ฒฐํฉ๋๋ค. Bit์ ์ฌ์ฉํ๋ฉด ์ปดํฌ๋ํธ๋ฅผ ๋ ๋ฆฝ์ ์ด๊ณ ๋ฒ์ ์ด ๊ด๋ฆฌ๋๋ฉฐ ๊ณต์ ๊ฐ๋ฅํ ์ํํธ์จ์ด ๋จ์๋ก ์ทจ๊ธํ ์ ์์ต๋๋ค.
Bit์ด ์ปดํฌ๋ํธ ๊ณต์ ๋ฅผ ํ์ ํ๋ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- ๋ ๋ฆฝ์ ์ธ ๋ฒ์ ๊ด๋ฆฌ: Bit์ ์ปดํฌ๋ํธ๋ฅผ ๊ฐ๋ณ์ ์ผ๋ก ์ถ์ ํฉ๋๋ค. ์ปดํฌ๋ํธ๋ฅผ ๋ณ๊ฒฝํ ๋, ๋ช ์์ ์ผ๋ก ์๋ํ์ง ์๋ ํ ๋ค๋ฅธ ์ปดํฌ๋ํธ์ ์ํฅ์ ์ฃผ์ง ์๊ณ ํด๋น ์ปดํฌ๋ํธ๋ง ๋ฒ์ ๊ด๋ฆฌํ๊ณ ๊ณต์ ํ ์ ์์ต๋๋ค. ์ด๋ ์์กด์ฑ ๊ด๋ฆฌ๋ฅผ ๋ํญ ๋จ์ํํฉ๋๋ค.
- ์ปดํฌ๋ํธ ๋ฐ๊ฒฌ: ํด๋ผ์ฐ๋ ํ๋ซํผ์ธ Bit.dev๋ ์ปดํฌ๋ํธ๋ฅผ ๋ฐ๊ฒฌ, ํ์ ๋ฐ ๋ฌธ์ํํ๊ธฐ ์ํ ์ค์ ํ๋ธ ์ญํ ์ ํฉ๋๋ค. ๊ฐ ์ปดํฌ๋ํธ์๋ ์์ฒด ๊ฒฉ๋ฆฌ๋ ์์ ๊ณต๊ฐ๊ณผ ํ๋ถํ ๋ฌธ์ ํ์ด์ง๊ฐ ์์ด ๊ฐ๋ฐ์๊ฐ ๊ทธ ๋ชฉ์ , ์์ฑ(props) ๋ฐ ์ฌ์ฉ๋ฒ์ ์ฝ๊ฒ ์ดํดํ ์ ์์ต๋๋ค.
- ๊ฒฉ๋ฆฌ๋ ๊ฐ๋ฐ ์์ ๊ณต๊ฐ: Bit์ ์ปดํฌ๋ํธ๋ฅผ ๊ฐ๋ฐํ๊ณ ํ ์คํธํ๊ธฐ ์ํ ๊ฒฉ๋ฆฌ๋ ํ๊ฒฝ์ ์ ๊ณตํฉ๋๋ค. ์ด๋ฅผ ํตํด ์ปดํฌ๋ํธ๋ ๋ ํฐ ์ ํ๋ฆฌ์ผ์ด์ ํ๊ฒฝ์ ๋ณต์ก์ฑ์์ ๋ฒ์ด๋ ๊ฒฉ๋ฆฌ๋ ์ํ์์ ๋น๋๋๊ณ ํ ์คํธ๋ฉ๋๋ค.
- ์ค๋งํธ ์์กด์ฑ ๊ทธ๋ํ: Bit์ ์ปดํฌ๋ํธ ๊ฐ์ ์์กด์ฑ์ ์ง๋ฅ์ ์ผ๋ก ์ถ์ ํ์ฌ ๋ณ๊ฒฝ์ ์ํฅ์ ์ดํดํ๊ณ ํจ๊ณผ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์๋๋ก ํฉ๋๋ค.
- ์ํํ ํตํฉ: Bit์ผ๋ก ๊ด๋ฆฌ๋๋ ์ปดํฌ๋ํธ๋ ํ๋ ์์ํฌ๋ ๋น๋ ๋๊ตฌ์ ๊ด๊ณ์์ด ๋ชจ๋ ํ๋ก์ ํธ์์ ํจํค์ง๋ก ๊ฐ๋จํ ์ค์นํ์ฌ ์ฝ๊ฒ ์๋นํ ์ ์์ต๋๋ค.
Bit ์ํฌํ๋ก์ฐ: ๊ธ๋ก๋ฒ ํ ๊ด์
Bit์ ์ฌ์ฉํ๋ ๊ธ๋ก๋ฒ ํ๋ก ํธ์๋ ํ์ ์ผ๋ฐ์ ์ธ ์ํฌํ๋ก์ฐ๋ฅผ ์ดํด๋ณด๊ฒ ์ต๋๋ค:
1. ์ปดํฌ๋ํธ ์์ฑ ๋ฐ ๊ฒฉ๋ฆฌ
์๋ฅผ ๋ค์ด ๋ฒ ๋ฅผ๋ฆฐ์ ์๋ ๊ฐ๋ฐ์๊ฐ ์๋ก์ด ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ๋ฒํผ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด์ผ ํ๋ค๊ณ ๊ฐ์ ํด ๋ด ์๋ค. ๊ทธ๋ค์ ์๋ก์ด Bit ์์ ๊ณต๊ฐ์ ์ด๊ธฐํํ๊ณ ๋ฒํผ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํฉ๋๋ค:
bit init
bit create react-ui button --default-scope my-org.my-ui-library
์ด ๊ฒฉ๋ฆฌ๋ ํ๊ฒฝ ๋ด์์ ๊ฐ๋ฐ์๋ ๋ฒํผ ์ปดํฌ๋ํธ๋ฅผ ๋น๋ํ๊ณ , JSX, CSS๋ฅผ ์์ฑํ๋ฉฐ, ํ์ ์ฒดํน์ ์ํด PropTypes๋ฅผ ์ถ๊ฐํฉ๋๋ค. ๊ฒฐ์ ์ ์ผ๋ก, ๊ทธ๋ค์ Jest์ ๊ฐ์ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ์ฌ ๋จ์ ํ ์คํธ ์ธํธ๋ ์์ฑํฉ๋๋ค.
2. ์ปดํฌ๋ํธ ๋ฌธ์ํ ๋ฐ ํ๊น
๊ณต์ ํ๊ธฐ ์ ์ ๊ฐ๋ฐ์๋ ์ปดํฌ๋ํธ๊ฐ ์ ๋ฌธ์ํ๋์๋์ง ํ์ธํฉ๋๋ค. ๊ทธ๋ค์ ์ปดํฌ๋ํธ์ ๋๋ ํ ๋ฆฌ ๋ด์ ์ง์ ๋งํฌ๋ค์ด ํ์ผ์ ์์ฑํ๊ฑฐ๋ Bit์ ๋ด์ฅ ๋ฌธ์ ์์ฑ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๋ง์กฑ์ค๋ฌ์ฐ๋ฉด ์ปดํฌ๋ํธ์ ๋ฒ์ ์ ํ๊ทธํฉ๋๋ค:
bit tag button 1.0.0 -m "Initial release of the primary button"
์ด ์์ ์ ๋ก์ปฌ Bit ๊ทธ๋ํ์ ๋ฒํผ ์ปดํฌ๋ํธ์ ๋ถ๋ณ ๋ฒ์ ์ ์์ฑํฉ๋๋ค.
3. ํด๋ผ์ฐ๋(Bit.dev)๋ก ์ปดํฌ๋ํธ ๊ณต์
๊ทธ๋ฐ ๋ค์ ๊ฐ๋ฐ์๋ ์ด ํ๊ทธ๋ ์ปดํฌ๋ํธ๋ฅผ ๊ณต์ Bit.dev ์กฐ์ง ๋๋ ์์ ๊ณต๊ฐ์ผ๋ก ํธ์ํฉ๋๋ค. ์ด๋ฅผ ํตํด ๋ฐฉ๊ฐ๋ก๋ฅด, ์ํ๋์์ค์ฝ, ์ํ์ธ๋ฃจ ๋ฑ ์์น์ ๊ด๊ณ์์ด ๋๋จธ์ง ํ์๋ค์ด ์ปดํฌ๋ํธ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ์๋นํ ์ ์๊ฒ ๋ฉ๋๋ค.
bit remote add origin https://bit.dev/your-org-name
bit push origin
Bit.dev์์ ๋ฒํผ ์ปดํฌ๋ํธ๋ ์ด์ ์ฝ๋, ๋ฌธ์, ์์ , ํ ์คํธ ๋ฐ ๋ฒ์ ๊ธฐ๋ก์ ๋ณด์ฌ์ฃผ๋ ์์ฒด ์ ์ฉ ํ์ด์ง๋ฅผ ๊ฐ๊ฒ ๋ฉ๋๋ค. ์ด๊ฒ์ด ์ด ์ปดํฌ๋ํธ์ ๋ํ ๋จ์ผ ์ง์ค ๊ณต๊ธ์(single source of truth) ์ญํ ์ ํฉ๋๋ค.
4. ์ปดํฌ๋ํธ ๋ฐ๊ฒฌ ๋ฐ ์๋น
์ํ๋์์ค์ฝ์ ํ ๊ฐ๋ฐ์๊ฐ ์๋ก์ด ๊ธฐ๋ฅ์ ์ํด ๋ฒํผ์ด ํ์ํฉ๋๋ค. ๊ทธ๋ค์ ํ์ Bit.dev ์์ ๊ณต๊ฐ์ ๋ฐฉ๋ฌธํ์ฌ โbuttonโ์ ๊ฒ์ํฉ๋๋ค. ๊ทธ๋ค์ ๋ฒ ๋ฅผ๋ฆฐ์ ์๋ ๋๋ฃ๊ฐ ๋ง๋ โprimary buttonโ ์ปดํฌ๋ํธ๋ฅผ ์ฐพ์ต๋๋ค.
๊ทธ๋ฐ ๋ค์ npm์ด๋ yarn์ ์ฌ์ฉํ์ฌ ์ด ์ปดํฌ๋ํธ๋ฅผ ํ๋ก์ ํธ์ ์ฝ๊ฒ ์ค์นํ ์ ์์ต๋๋ค:
npm install @your-org-name.my-ui-library/button
# or
yarn add @your-org-name.my-ui-library/button
์ปดํฌ๋ํธ๋ ๊ทธ ์์กด์ฑ๊ณผ ํจ๊ป ์ํํ๊ฒ ๊ด๋ฆฌ๋์ด ํ๋ก์ ํธ ์ ๋ฐ์ ๊ฑธ์ณ ์ผ๊ด์ฑ์ ๋ณด์ฅํฉ๋๋ค.
5. ์ปดํฌ๋ํธ ์ ๋ฐ์ดํธ ๋ฐ ๋ฒ์ ๊ด๋ฆฌ
ํ์ด ๋ฒํผ ์ปดํฌ๋ํธ์ ์๋ก์ด `secondary` ๋ณํ์ ์ถ๊ฐํ๊ธฐ๋ก ๊ฒฐ์ ํ๋ค๊ณ ๊ฐ์ ํด ๋ด ์๋ค. ์๋ ๊ฐ๋ฐ์(๋๋ ๋ค๋ฅธ ํ์)๋ Bit ์์ ๊ณต๊ฐ์์ ๋ฒํผ ์ปดํฌ๋ํธ๋ฅผ ์ด๊ณ , ๋ณ๊ฒฝ ์ฌํญ์ ์ ์ฉํ๊ณ , ์๋ก์ด ๋ณํ์ ๋ํ ํ ์คํธ๋ฅผ ์ถ๊ฐํ ๋ค์, ์ ๋ฒ์ ์ ํ๊ทธํ ์ ์์ต๋๋ค:
bit tag button 1.1.0 -m "Added secondary button variant"
bit push origin
๋ฒํผ ์ปดํฌ๋ํธ๋ฅผ ์๋นํ๋ ๋ค๋ฅธ ํ๋ก์ ํธ๋ค์ ์๋ก์ด ๊ธฐ๋ฅ์ ์ป๊ธฐ ์ํด ๋ฒ์ 1.1.0์ผ๋ก ์ ๊ทธ๋ ์ด๋ํ๊ฑฐ๋, ์์ ์ฑ์ ์ ์งํ๋ฉฐ 1.0.0์ ๊ณ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
๊ธ๋ก๋ฒ ํ๋ก ํธ์๋ ํ์ ์ํ ํต์ฌ ์ด์
ํ๋ก ํธ์๋ ์ปดํฌ๋ํธ ํตํฉ์ ์ํ Bit์ ์ฑํ์ ์ง๋ฆฌ์ ์ผ๋ก ๋ถ์ฐ๋ ๊ฐ๋ฐํ์๊ฒ ์ฌ์คํ ์ด์ ์ ์ ๊ณตํฉ๋๋ค:
1. ํฅ์๋ ํ์ ๋ฐ ์ปค๋ฎค๋์ผ์ด์
Bit์ ํ๋ซํผ์ ์ปดํฌ๋ํธ๋ฅผ ์ํ ์ค์ ์ปค๋ฎค๋์ผ์ด์ ํ๋ธ ์ญํ ์ ํฉ๋๋ค. ํ๋ถํ ๋ฌธ์ ํ์ด์ง, ์์ ์ผ์ผ์ด์ค ๋ฐ ๋ฒ์ ๊ธฐ๋ก์ ๋ค์ํ ์๊ฐ๋์ ๋ฌธํ์ ๋ฐฐ๊ฒฝ์ ๊ฐ์ง ํ์๋ค ๊ฐ์ ์ดํด์ ํ์ ์ ์ด์งํฉ๋๋ค. ๊ฐ๋ฐ์๋ค์ ๊ณต์ ์ปดํฌ๋ํธ์ ๊ธฐ์ฌํ๊ณ , ํผ๋๋ฐฑ์ ๋จ๊ธฐ๋ฉฐ, ์๋ก์ ์์ ์ ํจ๊ณผ์ ์ผ๋ก ํ์ฉํ ์ ์์ต๋๋ค.
2. ๊ฐ๋ฐ ์ฃผ๊ธฐ ๊ฐ์ํ
๋์ ์์ค์ ์ฝ๋ ์ฌ์ฌ์ฉ์ ์ด์งํจ์ผ๋ก์จ Bit์ ๊ฐ๋ฐ ์๋๋ฅผ ํฌ๊ฒ ๊ฐ์ํํฉ๋๋ค. ๊ณตํต UI ์์๋ ์ ํธ๋ฆฌํฐ ํจ์๋ฅผ ๋ค์ ๋ง๋๋ ๋์ , ํ์ ์ฌ์ ๋น๋๋๊ณ ํ ์คํธ๋ ์ปดํฌ๋ํธ๋ฅผ ๊ฐ๋จํ ๊ฐ์ ธ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด๋ ๊ฐ๋ฐ์๋ค์ด ๋ฐํด๋ฅผ ์ฌ๋ฐ๋ช ํ๋ ๋์ ๊ณ ์ ํ ๋น์ฆ๋์ค ๋ก์ง๊ณผ ํ์ ์ ์ธ ๊ธฐ๋ฅ์ ์ง์คํ ์ ์๋๋ก ํด์ค๋๋ค.
3. ์ฝ๋ ํ์ง ๋ฐ ์ผ๊ด์ฑ ํฅ์
Bit์ผ๋ก ๊ด๋ฆฌ๋๋ ๊ฐ ์ปดํฌ๋ํธ๋ ๊ฒฉ๋ฆฌ๋ ์ํ์์ ๊ฐ๋ฐ๋๊ณ ํ ์คํธ๋ฉ๋๋ค. ์ด ๊ดํ์ ๋ณธ์ง์ ์ผ๋ก ๋ ๊ฒฌ๊ณ ํ๊ณ ์ ๋ขฐํ ์ ์๋ ์ฝ๋๋ก ์ด์ด์ง๋๋ค. ๋ํ, ๊ณต์ ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ฌ์ค์์ ๋์์ธ ์์คํ ์ญํ ์ ํ์ฌ ํ์ด ๊ตฌ์ถํ ๋ชจ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฑธ์ณ ์๊ฐ์ ๋ฐ ๊ธฐ๋ฅ์ ์ผ๊ด์ฑ์ ๊ฐ์ ํฉ๋๋ค. ์ด๋ฌํ ์ผ๊ด์ฑ์ ํนํ ๋๊ท๋ชจ ๊ธ๋ก๋ฒ ์กฐ์ง์ ํต์ผ๋ ๋ธ๋๋ ๊ฒฝํ์ ๋งค์ฐ ์ค์ํฉ๋๋ค.
4. ํ์ฅ์ฑ ๋ฐ ์ ์ง๋ณด์์ฑ
์ ํ๋ฆฌ์ผ์ด์ ์ด ์ฑ์ฅํ๊ณ ํ์ด ํ์ฅ๋จ์ ๋ฐ๋ผ ๋ณต์กํ ์ฝ๋๋ฒ ์ด์ค๋ฅผ ๊ด๋ฆฌํ๋ ๊ฒ์ ์ ์ ๋ ์ด๋ ค์์ง๋๋ค. Bit์ ๋ ๋ฆฝ์ ์ธ ์ปดํฌ๋ํธ ๋ฒ์ ๊ด๋ฆฌ ๋ฐ ์์กด์ฑ ๊ด๋ฆฌ ์์คํ ์ ์ ์ฒด ์ํคํ ์ฒ๋ฅผ ๋ ํ์ฅ ๊ฐ๋ฅํ๊ณ ์ ์ง๋ณด์ํ๊ธฐ ์ฝ๊ฒ ๋ง๋ญ๋๋ค. ์ ๋ฐ์ดํธ์ ๋ฒ๊ทธ ์์ ์ ์ธ๋ถํ๋์ด ๋ฐฐํฌ๋ ์ ์์ด ๋๊ท๋ชจ ๋ณ๊ฒฝ๊ณผ ๊ด๋ จ๋ ์ํ์ ์ค์ ๋๋ค.
5. ์จ๋ณด๋ฉ ์๊ฐ ๋จ์ถ
์์น์ ๊ด๊ณ์์ด ์๋ก์ด ํ์๋ค์ Bit.dev์ ์ค์ ์ปดํฌ๋ํธ ์นดํ๋ก๊ทธ๋ฅผ ํ์ํจ์ผ๋ก์จ ๋น ๋ฅด๊ฒ ์ ์ํ ์ ์์ต๋๋ค. ๊ทธ๋ค์ ์ฌ์ฉ ๊ฐ๋ฅํ ๋น๋ฉ ๋ธ๋ก, ์๋ ๋ฐฉ์ ๋ฐ ํตํฉ ๋ฐฉ๋ฒ์ ์ฝ๊ฒ ์ดํดํ์ฌ ์จ๋ณด๋ฉ ๊ณก์ ์ ํฌ๊ฒ ์ค์ผ ์ ์์ต๋๋ค.
6. ํ๋ ์์ํฌ์ ๊ตฌ์ ๋ฐ์ง ์์ (์ฃผ์์ฌํญ ํฌํจ)
Bit์ ์ข ์ข ์ปดํฌ๋ํธ ์์ฑ ์ค์ ํน์ ํ๋ ์์ํฌ(React, Vue, Angular ๋ฑ)์ ํจ๊ป ์๋ํ์ง๋ง, ์ปดํฌ๋ํธ์ ์ค์ ์๋น๋ ํ๋ ์์ํฌ์ ๊ตฌ์ ๋ฐ์ง ์์ต๋๋ค. Bit์ผ๋ก ๊ด๋ฆฌ๋๋ React ์ปดํฌ๋ํธ๋ ๊ตฌํ ์ ํ๋ ์์ํฌ์ ๊ตฌ์ ๋ฐ์ง ์๋๋ก ์ค๊ณ๋์๋ค๋ฉด(์: ์์ JavaScript ๋๋ ์น ์ปดํฌ๋ํธ ์ฌ์ฉ) Vue ํ๋ก์ ํธ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. (ํ์ง๋ง Bit์ ์ฃผ์ ๊ฐ์ ์ ํ๋ ์์ํฌ๋ณ ์ปดํฌ๋ํธ ๊ฐ๋ฐ์ ์์ต๋๋ค). ์ฌ๋ฌ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ๋ ํ์ ๊ฒฝ์ฐ, Bit์ ์ฌ์ ํ UI๊ฐ ์๋ ๋ก์ง์ด๋ ๋ฐ์ดํฐ ํ์นญ ์ ํธ๋ฆฌํฐ ๊ณต์ ๋ฅผ ์ฉ์ดํ๊ฒ ํ ์ ์์ต๋๋ค.
๊ธ๋ก๋ฒ ๊ตฌํ์ ์ํ ๋ชจ๋ฒ ์ฌ๋ก
๊ธ๋ก๋ฒ ํ๋ก ํธ์๋ ํ์ ์ํด Bit์ ์ด์ ์ ๊ทน๋ํํ๋ ค๋ฉด ๋ค์ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ๊ณ ๋ คํ์ญ์์ค:
- ๋ช ํํ ์ปดํฌ๋ํธ ์์ ๊ถ ๋ฐ ๊ฑฐ๋ฒ๋์ค ์๋ฆฝ: ํน์ ์ปดํฌ๋ํธ์ ์์ฑ, ์ ์ง๋ณด์ ๋ฐ ๋ณ๊ฒฝ ์น์ธ์ ๋๊ฐ ์ฑ ์์ง๋์ง ์ ์ํ์ญ์์ค. ์ด๋ ํผ๋์ ๋ฐฉ์งํ๊ณ ์ฑ ์ ์์ฌ๋ฅผ ๋ช ํํ ํฉ๋๋ค.
- ํฌ๊ด์ ์ธ ๋ฌธ์์ ํฌ์: ๋ชจ๋ ์ปดํฌ๋ํธ ์์ฑ์๊ฐ ์ฌ์ฉ ์์ , ์์ฑ(props) ๋ฐ API ์ธ๋ถ ์ ๋ณด๋ฅผ ํฌํจํ์ฌ ๋ช ํํ๊ณ ๊ฐ๊ฒฐํ๋ฉฐ ์ต์ ๋ฌธ์๋ฅผ ์ ๊ณตํ๋๋ก ์ฅ๋ คํ์ญ์์ค. ์ด๋ ๋ค์ํ ํ ๊ฐ์ ๋ฐ๊ฒฌ ๊ฐ๋ฅ์ฑ๊ณผ ์ฑํ์ ๊ฐ์ฅ ์ค์ํฉ๋๋ค.
- ์ปดํฌ๋ํธ ๋ช ๋ช ๊ท์น ํ์คํ: ๊ฐ๋ ์ฑ๊ณผ ์ ์ง๋ณด์์ฑ์ ํฅ์์ํค๊ธฐ ์ํด ์ปดํฌ๋ํธ, ์์ฑ ๋ฐ ํ์ผ์ ๋ํ ์ผ๊ด๋ ๋ช ๋ช ๊ท์น์ ๊ตฌํํ์ญ์์ค.
- ์ปดํฌ๋ํธ ๊ธฐ์ฌ ์ํฌํ๋ก์ฐ ์ ์: ๊ฐ๋ฐ์๊ฐ ์๋ก์ด ์ปดํฌ๋ํธ๋ฅผ ๊ธฐ์ฌํ๊ฑฐ๋ ๊ธฐ์กด ์ปดํฌ๋ํธ์ ๋ํ ๊ฐ์ ์ฌํญ์ ์ ์ํ ์ ์๋ ๋ช ํํ ํ๋ก์ธ์ค๋ฅผ ๊ฐ๊ด์ ์ผ๋ก ์ค๋ช ํ์ญ์์ค. ์ฌ๊ธฐ์๋ ์ปดํฌ๋ํธ ์ ์์ ๋ํ ํ ๋ฆฌํ์คํธ๋ ์ง์ ๋ ๊ธฐ์ฌ ๊ธฐ๊ฐ์ด ํฌํจ๋ ์ ์์ต๋๋ค.
- ์ ๊ธฐ์ ์ธ ์ปดํฌ๋ํธ ๊ฒํ ๋ฐ ๋ฆฌํฉํฐ๋ง: ์ค๋๋๊ฑฐ๋ ์ค๋ณต๋๊ฑฐ๋ ์ฑ๋ฅ์ด ๋ฎ์ ์ปดํฌ๋ํธ๋ฅผ ์๋ณํ๊ธฐ ์ํด ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ ๊ธฐ์ ์ธ ๊ฒํ ๋ฅผ ๊ณํํ์ญ์์ค. ํ์ํ ๊ฒฝ์ฐ ๋ฆฌํฉํฐ๋งํ๊ณ ํตํฉํ์ญ์์ค.
- ๊ณต์ ๋ฌธํ ์ฅ๋ ค: ํ์๋ค์ด ์์ ์ ์ปดํฌ๋ํธ๋ฅผ ๊ณต์ ํ๊ณ ๋ค๋ฅธ ์ฌ๋์ ์์ ์ ํ์ฉํ๋๋ก ์ฅ๋ คํ๋ ํ๊ฒฝ์ ์กฐ์ฑํ์ญ์์ค. ๊ณต์ ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํ ๊ธฐ์ฌ๋ฅผ ์ธ์ ํ๊ณ ๋ณด์ํ์ญ์์ค.
- CI/CD ํ์ดํ๋ผ์ธ๊ณผ ํตํฉ: ํ์ง๊ณผ ์ผ๊ด์ฑ์ ๋ณด์ฅํ๊ธฐ ์ํด CI/CD ์ํฌํ๋ก์ฐ์ ์ผ๋ถ๋ก ์ปดํฌ๋ํธ์ ํ ์คํธ, ๋น๋ ๋ฐ ์ ์ฌ์ ์ธ ๊ฒ์๋ฅผ ์๋ํํ์ญ์์ค.
- ๊ตญ์ ํ(i18n) ๋ฐ ํ์งํ(l10n)๋ฅผ ์กฐ๊ธฐ์ ๊ณ ๋ ค: ์ ํ๋ฆฌ์ผ์ด์ ์ด ๊ธ๋ก๋ฒ ๊ณ ๊ฐ์ ๋์์ผ๋ก ํ๋ ๊ฒฝ์ฐ, ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ๊ฐ ์ฒ์๋ถํฐ ๊ตญ์ ํ ๋ฐ ํ์งํ๋ฅผ ์ผ๋์ ๋๊ณ ๊ตฌ์ถ๋์๋์ง ํ์ธํ์ญ์์ค.
UI๋ฅผ ๋์ด: ๋ก์ง ๋ฐ ์ ํธ๋ฆฌํฐ ๊ณต์
Bit์ UI ์ปดํฌ๋ํธ ๊ณต์ ์ ๋งค์ฐ ๊ฐ๋ ฅํ์ง๋ง, ๊ทธ ๊ธฐ๋ฅ์ ์๊ฐ์ ์์๋ฅผ ํจ์ฌ ๋ฐ์ด๋์ต๋๋ค. Bit์ ์ฌ์ฉํ์ฌ ๋ค์์ ๊ณต์ ํ ์ ์์ต๋๋ค:
- ์ ํธ๋ฆฌํฐ ํจ์: ๊ณตํต ํฌ๋งคํ , ๋ฐ์ดํฐ ์กฐ์ ๋๋ API ํธ์ถ ์ ํธ๋ฆฌํฐ.
- ํ (Hooks): ์ํ ๊ด๋ฆฌ, ๋ฐ์ดํฐ ํ์นญ ๋๋ ๋ถ์ ํจ๊ณผ๋ฅผ ์ํ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ React ํ .
- ๋น์ฆ๋์ค ๋ก์ง ๋ชจ๋: ๋ค๋ฅธ ํ๋ก ํธ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ด๋ ์ฌ์ง์ด ๋ฐฑ์๋ ์๋น์ค ๊ฐ์ ๊ณต์ ํ ์ ์๋ ์ ํ๋ฆฌ์ผ์ด์ ๋ก์ง ์กฐ๊ฐ.
- ์ค์ ํ์ผ: ๊ณต์ ESLint ์ค์ , Prettier ์ค์ ๋๋ ๋น๋ ๋๊ตฌ ์ค์ .
์ด๋ฌํ ์์ญ์ผ๋ก ์ปดํฌ๋ํธํ ๊ฐ๋ ์ ํ์ฅํจ์ผ๋ก์จ ํ์ ์ ์ฒด ๊ธฐ์ ์คํ์ ๊ฑธ์ณ ํจ์ฌ ๋ ๋์ ์์ค์ ์ฝ๋ ์ฌ์ฌ์ฉ์ฑ๊ณผ ์ผ๊ด์ฑ์ ๋ฌ์ฑํ ์ ์์ต๋๋ค.
ํผํด์ผ ํ ์ผ๋ฐ์ ์ธ ํจ์
Bit์ ์์ฒญ๋ ์ด์ ์ ์ ๊ณตํ์ง๋ง, ์ ์ฌ์ ์ธ ํจ์ ์ ์ ์ํด์ผ ํฉ๋๋ค:
- ์ปดํฌ๋ํธ์ ๊ณผ๋ํ ์์ง๋์ด๋ง: ๋ชจ๋ ์์ ์ ํธ๋ฆฌํฐ๊ฐ ์์ ํ ๋ฒ์ ๊ด๋ฆฌ๋๋ Bit ์ปดํฌ๋ํธ๊ฐ ๋ ํ์๋ ์์ต๋๋ค. ์ฌ์ฌ์ฉ์ฑ๊ณผ ๋ถํ์ํ ๋ณต์ก์ฑ ์ฌ์ด์ ๊ท ํ์ ์ฐพ์ผ์ญ์์ค.
- ๋ฌธ์ํ ์ํ: ์ข์ ๋ฌธ์๊ฐ ์๋ ์ปดํฌ๋ํธ๋ ๋ค๋ฅธ ํ์์๊ฒ ์ฌ์ค์ ์ธ๋ชจ๊ฐ ์์ต๋๋ค. ๋ช ํํ ์ค๋ช ๊ณผ ์์ ๋ฅผ ์ฐ์ ์ํ์ญ์์ค.
- ์์กด์ฑ ์ ๋ฐ์ดํธ ๋ฌด์: Bit์ ๊ด๋ฆฌ ๊ธฐ๋ฅ์ด ์๋๋ผ๋ ํ์ ์๋ก์ด ๊ธฐ๋ฅ๊ณผ ๋ณด์ ํจ์น์ ์ด์ ์ ์ป๊ธฐ ์ํด ์์กด์ฑ์ ์ ๊ทน์ ์ผ๋ก ๊ด๋ฆฌํ๊ณ ์ ๋ฐ์ดํธํด์ผ ํฉ๋๋ค.
- ๋ช ํํ ์์ ๊ถ ๋ถ์ฌ: ์ ์๋ ์์ ์๊ฐ ์์ผ๋ฉด ์ปดํฌ๋ํธ๊ฐ ๋ฐฉ์น๋์ด ์ค๋๋ ์ฝ๋๋ก ์ด์ด์ง๊ณ ๊ณต์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํ ์ ๋ขฐ๋ฅผ ์๊ฒ ๋ ์ ์์ต๋๋ค.
- ๋ชจ๋ ๊ฒ์ ๊ณต์ ํ๋ ค๋ ์๋: ์ค์ง์ ์ธ ๊ฐ์น๋ฅผ ์ ๊ณตํ๊ณ ์ฌ์ฌ์ฉ๋ ๊ฐ๋ฅ์ฑ์ด ๋์ ์ปดํฌ๋ํธ๋ฅผ ๊ณต์ ํ๋ ๋ฐ ์ง์คํ์ญ์์ค.
์ปดํฌ๋ํธ ๊ณต์ ํ๋ซํผ๊ณผ ํจ๊ปํ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๋ฏธ๋
Bit๊ณผ ๊ฐ์ ์ปดํฌ๋ํธ ๊ณต์ ํ๋ซํผ์ ํ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ต์ ์ ์ ์์ต๋๋ค. ์ด๋ ํ์ด ๋ชจ๋๋ฆฌ์ ๊ตฌ์กฐ์์ ๋ฒ์ด๋ ๋ ๋ชจ๋์์ด๊ณ ์ ์ฐํ๋ฉฐ ํ์ฅ ๊ฐ๋ฅํ ์ํคํ ์ฒ๋ก ๋์๊ฐ ์ ์๋๋ก ํฉ๋๋ค. ๊ธ๋ก๋ฒ ํ์ ๊ฒฝ์ฐ, ๊ทธ ์ํฅ์ ํจ์ฌ ๋ ์ฌ์คํ์ฌ ์ฌ์ผ๋ก๋ฅผ ํ๋ฌผ๊ณ ์ฝ๋๋ฒ ์ด์ค์ ๋ํ ๊ณต์ ๋ ์ดํด๋ฅผ ์ด์งํ๋ฉฐ ์ ๋ฌ์ ๊ฐ์ํํฉ๋๋ค.
๊ฐ๋ฐํ์ ๊ท๋ชจ์ ์ง๋ฆฌ์ ๋ถํฌ๊ฐ ๊ณ์ํด์ ์ปค์ง์ ๋ฐ๋ผ ํจ์จ์ ์ธ ํ์ ๊ณผ ๊ฐ๋ ฅํ ์ปดํฌ๋ํธ ๊ด๋ฆฌ์ ๋ํ ํ์์ฑ์ ๋์ฑ ์ฆ๊ฐํ ๊ฒ์ ๋๋ค. Bit๊ณผ ๊ฐ์ ๋๊ตฌ๋ก ๊ตฌ๋๋๋ ๊ฐ๋ ฅํ ์ปดํฌ๋ํธ ๊ณต์ ์ ๋ต์ ํฌ์ํ๋ ๊ฒ์ ๋ ์ด์ ์ฌ์น๊ฐ ์๋๋ผ ๊ฒฝ์๋ ฅ์ ์ ์งํ๊ณ ๊ธ๋ก๋ฒ ๊ท๋ชจ๋ก ๊ณ ํ์ง ์ํํธ์จ์ด๋ฅผ ์ ๊ณตํ๋ ค๋ ์กฐ์ง์๊ฒ ํ์์ ๋๋ค.
์ปดํฌ๋ํธ ํตํฉ์ ์์ฉํ๊ณ Bit๊ณผ ๊ฐ์ ํ๋ซํผ์ ํ์ฉํจ์ผ๋ก์จ ํ๋ก ํธ์๋ ํ์ ์๋ก์ด ์ฐจ์์ ์์ฐ์ฑ, ์ผ๊ด์ฑ ๋ฐ ํ์ ์ ์คํํ์ฌ, ์ด๋์๋ ๋ชจ๋ ์ฌ๋์๊ฒ ์ํํธ์จ์ด ๊ฐ๋ฐ์ด ๋ ๋ชจ๋์์ด๊ณ ํจ์จ์ ์ด๋ฉฐ ์ฆ๊ฑฐ์ด ๋ฏธ๋๋ฅผ ๊ตฌ์ถํ ์ ์์ต๋๋ค.