Base Web
Base Web์ ๊ฐ๋ ฅํ ๊ตฌ์ฑ ์์ ์ ํ๊ตฐ๊ณผ ๋์ ์ฌ์ฉ์ ์ ์ ๊ธฐ๋ฅ์ ๊ฐ์ถ ์น ์ ํ์ ๊ตฌ์ถํ๊ณ ํตํฉํ๊ธฐ ์ํ React UI ํ๋ ์์ํฌ์ ๋๋ค.
๊ฐ์
Base Web์ด๋?
Base Web์ ์น ์ ํ์ ์์, ๋ฐ์ , ํตํฉ์ ์ํ ๊ธฐ๋ฐ์ ์ ๊ณตํ๋ React ๊ธฐ๋ฐ UI ํ๋ ์์ํฌ์ ๋๋ค. ์ฌ๊ธฐ์๋ ์ ๊ทผ์ฑ๊ณผ ์ฑ๋ฅ์ ์ผ๋์ ๋๊ณ ๊ตฌ์ถ๋ Datepicker์ ๊ฐ์ ๋ณต์กํ ๊ฒ๋ถํฐ ๋ฎ์ ์์ค์ ๊ธฐ๋ณธ ์์๊น์ง ํฌ๊ด์ ์ธ ๊ตฌ์ฑ ์์ ์ธํธ๊ฐ ํฌํจ๋์ด ์์ต๋๋ค.
Base Web์ ๋ฌด์์ ์ฌ์ฉ๋๋์?
ํ๊ทธ

์ฃผ์ ๊ธฐ๋ฅ
- ๊ฐ๋ ฅํ ๊ตฌ์ฑ ์์ ์ ํ๊ตฐ
- ์ฌ์ ์ API๋ฅผ ํตํ ํ์ฅ์ฑ
- ๋ด์ฅ๋ ์ ๊ทผ์ฑ
- Styletron์ ํตํ ๊ณ ์ฑ๋ฅ
- Figma ์ปค๋ฎค๋ํฐ ํตํฉ
Base Web ์ฌ์ฉ ๋ฐฉ๋ฒ์?
npm์ ํตํด ๊ธฐ๋ณธ ์น์ ์ค์นํ๊ณ , CSS-in-JS ์์ง์ ๋ํ ์ข ์์ฑ์ ์ค์ ํ๊ณ , ํด๋น ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํ์ฌ ์ ํ๋ฆฌ์ผ์ด์ ๊ตฌ์ถ์ ์์ํ์ธ์. Overrides API์ ๊ตฌ์ฑ ๊ฐ๋ฅํ ํ ๋ง๋ฅผ ํตํด ๋์์ธ ์์คํ ์ ๋ง๊ฒ ์ฌ์ฉ์ ์ ์ํ์ธ์.
๋์ ๋๊ตฌ
์ฅ์ & ๋จ์
์ฅ์
- ํฌ๊ด์ ์ธ ๊ตฌ์ฑ ์์
- ๋์ ๋ง์ถคํ ๊ฐ๋ฅ์ฑ
- ์ ๊ทผ์ฑ ์ฐ์ ๋์์ธ
- ๋น ๋ฅธ ์ฑ๋ฅ
- ๋์์ด๋๋ฅผ ์ํ Figma ์ง์
๋จ์
- React ์ํ๊ณ๋ก ์ ํ๋จ
- npm ์ค์ ์ด ํ์ํฉ๋๋ค
์ฌ์ฉ ์ฌ๋ก
- ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ตฌ์ถ
- ๋์์ธ ์์คํ ๋ง๋ค๊ธฐ
- ์ ํ UI ํตํฉ
Base Web ๊ฐ๊ฒฉ
์ฌ์ฉ์ ๋ฆฌ๋ทฐ
์์ง ๋ฆฌ๋ทฐ๊ฐ ์์ต๋๋ค
์ด ๋๊ตฌ์ ์ฒซ ๋ฒ์งธ ๋ฆฌ๋ทฐ์ด๊ฐ ๋์ธ์!