Atomic Design Pattern
์ํ ๋ฏน ๋์์ธ ํจํด์ ๊ฐ๋ ํ์ต์ ์ํด ์ฐธ๊ณ ํ ์ํฐํด ๋ชจ์
0. ํด๋ ๊ตฌ์กฐ๋ ์ด๋ป๊ฒ ๋๋ ์ผํ๋๋ก ์์๋ ๊ฒ์
๋ฆฌ์กํธ ํ์ ํ์ผ ๊ตฌ์กฐ๋ฅผ ๊ตฌ์ฑํ ๋ ๋๋ฌด ๋ง์ ์๊ฐ์ ํฌ์ํ์ง ๋ง๋ผ๊ณ ๊ถ์ ํ๋ค. ํ์ผ ๊ตฌ์กฐ๋ณด๋ค ์ค์ํ ๊ฒ์ ์ ๋๋ก ๋ ์ฝ๋๋ก ์๋ํ๋ ์๋น์ค๋ฅผ ๋ง๋๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ด๋ค. ํ์ง๋ง ๊ฒฐ๊ตญ ํด๋๋ฅผ ๋๋ ์ผ ๋๋ ์๊ฐ์ด ์ฐพ์์ค๊ณ , ์ด๋ ํด๋๋ฅผ ์ด๋ป๊ฒ ๋ถ๋ฅํ ์ง ๊ณ ๋ฏผํ๊ฒ ๋๋ค. ๊ธฐ๋ฅ ๋ณ๋ก ๋๋๊น? ๋ผ์ฐํธ๋ณ๋ก ๋๋๊น? ์ด๋ ์ ๋๊น์ง ์ธ๋ถํํด์ ๋๋ ์ผ ํ ๊น? ๋ฑ๋ฑ...
์ด๋ฌํ ์๋ฌธ์ ํด๊ฒฐํ๊ธฐ ์ํด ๊ธฐํ๊ฐ ์์๋๋ง๋ค ์ง๋ฌธํ๊ณค ํ๋๋ฐ ์ฌ๋๋ง๋ค, ํ๋ง๋ค ๋ค๋ฅด๋ค๋ ๊ฒฐ๋ก ์ผ๋ก ๊ท๊ฒฐ๋๋ค. ๋ฌผ๋ก ๊ทธ๋ ๊ฒ ์ง๋ง... ์ด๋ค ๊ธฐ์ค์ด ์๋์ง ์๊ณ ์ถ๋ค๋ ์๊ฐ์ ๊ฒ์์ ํ๊ฒ ๋์๊ณ , ์ํ ๋ฏน ํจํด์ ์ฐพ๊ฒ ๋์๋ค. ์ฝ์ด๋ณด๊ณ ์ ๋ฆฌํ์ !
1. ๊ด๋ จ ์ํฐํด
Atomic Design Pattern์ Best Practice ์ฌ์ ๊ธฐ
Atomic Design Methodology
์ํ ๋ฏน ๋์์ธ์ ํ์ฉํ ๋์์ธ ์์คํ
๋์
๊ธฐ
์ํ ๋ฏน ๋์์ธ ์๊ฐ ๋ฐ ์ค์ ์ฌ์ฉ ๊ฒฝํ
React๋ก ์งํํ ํ๋ก์ ํธ์์ Atomic Design ํจํด์ ๊ฑท์ด๋ธ ์ด์
Last updated
Was this helpful?