๐ ๊ธ์ฆํ๋ ํธ๋ํฝ์๋ ์์ ์ ์ธ ์์ฝ ์๋น์ค, Atomic Pattern์ ์ ์ฉํ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ, ์ค์ฉ์ ์ธ Testing์ ์ฃผ์ ๋ก ํ๋ ์ด๋ฒคํธ ์๋น์ค
Bookus!๋ ์ด๋ฒคํธ ์์ฝ ์๋น์ค Festa! ํด๋ก ํ๋ก์ ํธ์ ๋๋ค. ์๊ฐ์ ์ผ๋ก ๋ง์ ํธ๋ํฝ์ด ๋ชฐ๋ฆฌ๋๋ผ๋ ์ค๋จ๋์ง ์๋ ์์ ์ ์ธ ์ ์ฐฉ์ ์์ฝ ์๋น์ค๋ฅผ ๋ชฉํ๋ก ํ๊ณ ์์ต๋๋ค. ๋ฐ๋ผ์ ๋ค์๊ณผ ๊ฐ์ ๋์ ๊ณผ์ ๋ฅผ ๊ฐ๊ณ ์์ต๋๋ค.
๊ฐ์ฅ ์์ ๋จ์์ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด, ํฐ ๋จ์๋ก ์์๋๊ฐ๋ฉฐ ๊ฐ๊ฐ์ UI ๋จ์๋ฅผ ๋ง๋ค์ด ๋๊ฐ๋ ๋์์ธ ํจํด์ ๋๋ค. ์ด๋ฒ ํ๋ก์ ํธ์์๋ ์ฌ์ฌ์ฉ์ฑ์ด ๋ฐ์ด๋ UI๋ฅผ ์ํด ์ํ ๋ฏน ๋์์ธ ํจํด์ ์ ์ฉํ์ต๋๋ค.
1. Custom Hooks Testing
๋น๋๊ธฐ๋ก API ์์ฒญ์ ๋ํ ์ฒ๋ฆฌ๊ฐ ์ฃผ๊ฐ ๋๋ ์ํ ๊ด๋ฆฌ์ ๋ํ ํ ์คํธ
2. Playground for UI components of Storybook
Storybook์ ํตํ ๋ ๋ฆฝ๋ ํ๊ฒฝ์์์ ์ปดํฌ๋ํธ ํ ์คํธ
3. Cypress๋ฅผ ์ด์ฉํ End-to-End Testing
๊ฐ ํ์ด์ง์ ์ปดํฌ๋ํธ UI ํ ์คํธ
์์ฝ์ด ํ์ํ ์์ ๋ง๋ค ๋์ด๋๋ ํธ๋ํฝ์ ๊ฐ๋นํ๊ธฐ ์ํ Container Orchestration ํด๋ก Kubernetes๋ฅผ ์ ํํ์ต๋๋ค. ์ค์ ํ์ผ
Docker hub
ํ ์คํธ ์ปค๋ฒ๋ฆฌ์ง 80๋ฅผ ๋ชฉํ๋ก ํ๋ ๊ฒ์ฆ๋ ์ฝ๋๋ฅผ ํตํ ์์ ์ ์ธ ์๋น์ค๋ฅผ ๋ชฉํ๋ก ํฉ๋๋ค.