230612(์)
๐ ์ฑ์ฅ์ผ์ง 5.0
์ฑ
ํ๋ณตํ ์ด๊ธฐ์ฃผ์์(์จ์ธ ๋ค์ด์ด)
์ ๋ด์ฉ์ ์๊ทน๋ฐ์ ์์ํ๋ ์๋ฐํ ์ฑ์ฅ๊ธฐ๋ก
์ด์์๋ ๊ฝ๊ณผ ์ฃฝ์ ๊ฝ์ ์ด๋ป๊ฒ ๊ตฌ๋ณํ๋๊ฐ?
์ฑ์ฅํ๊ณ ์๋ ๊ฒ์ด ์ด์ ์๋ ๊ฒ์ด๋ค.
์๋ช ์ ์ ์ผํ ์ฆ๊ฑฐ๋ ์ฑ์ฅ์ด๋ค!
๐พ (4.0)ํ์ต ํค์๋์์ ์ต๋ํ ๊ฐ๋จํ ์ ๋ณด ์ ๊ณต, ๊ณ ๋ฏผ์์ ๋ด ๊ฒฝํ์ ์์ธํ ์ ์!
๐ฅ (5.0)ํ์ต ํค์๋๋ ํ์ค์ ํต์ฌ์ผ๋ก๋ง ์ ๋ฆฌ, ์ฑ๊ณต/์คํจ ์ผ์ง ์์ฑํ๊ธฐ! ์ด ๋, ์คํจ์ ๊ฒฝํ์ ์์ธํ ์ ๊ธฐ!
๐ ์ค๋์ ํ์ต ํค์๋
[ํธ๋ฌ๋ธ์ํ ] ์คํ ๋ฆฌ๋ถ ์๋ ๋ฐฐํฌ ์ ์๋ฌ ๋ฐ์
chromatic๊ณผ github actions๋ฅผ ํตํด ์คํ ๋ฆฌ๋ถ ์๋ ๋ฐฐํฌ๋ฅผ ํ๋ค. ํ๋ฐ ๊ณ์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. ์๊ณ ๋ณด๋ github action script์์ chromatic์ด ์ ๊ณตํ๋ action ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๋ฉด์ ๋ฐ์ํ ๋ฌธ์ ์๋ค. ํด์ ์ง์ chromatic action ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํด์ ํด๊ฒฐ ์๋ฃ!
์ํ ๋ฏน ๋์์ธ์ ํด๋๊ตฌ์กฐ์ ์ ์ฉํ๊ธฐ
์ํ ๋ฏน ๋์์ธ ํจํด์ ์ ์ฉํด๋ณด๊ณ ์ถ์ด, ํ๋ฉ๊ณผ ํจ๊ป ๊ธฐํ์์ ์๋ ์ปดํฌ๋ํธ๋ค์ ๋ถ๋ฅํ๋ค. ํฌ๊ฒ atoms
, molecules
, organisms
, templates
, pages
๋ก ๋๋์๋๋ฐ,
molecules์ organisms์ ๊ฒฝ๊ณ๊ฐ ์ ๋งคํ๊ธฐ๋ ํ๊ณ templates ๋ํ ์ปดํฌ๋ํธํํ๊ธฐ์ ๊ทธ์ ๋ ์ด์์ ๊ฐ์์ atoms, molecules ํด๋๋ง ๋ถ๋ฆฌํ์๋ค. ๊ทธ๋ฅ common์ด๋ผ๊ณ ์ฌ์ฉํ๋ ๊ฒ์ ๋นํด์
ํจ์ฌ ๋ ์๋ฏธ์๋ ํด๋๊ตฌ์กฐ์ธ ๊ฒ ๊ฐ๋ค. :)
package.json ๋ฒ์ ์ ๊ธฐํธ ์๊ณ ์ฐ๊ธฐ => ์ก๋์ฐ์ด๋ก ๋นผ๊ธฐ
์ด ๋ถ๋ถ์ ๋ธ๋ก๊ทธ ๊ธ์ ๋ณด๋ฉด์ ๋ฐ๋ก ์ ๋ฆฌํด์ผํ ๋ฏ!!! ์ฐธ๊ณ
์ฟ ํค์ ์ธ์ ๊ทธ๋ฆฌ๊ณ OAuth ๊ทธ๋ฆฌ๊ณ JWT => ์ก๋์ฐ์ด๋ก ๋นผ๊ธฐ
์ค๋์ ์ฑ๊ณต
- ์ํ ๋ฏน ๋์์ธ ์ ์ฉ
- ์คํ ๋ฆฌ๋ถ ์๋ ๋ฐฐํฌ
- ์ต์ข api ๊ฒฐ์ ์๋ฃ!!!
์ค๋์ ์คํจ
- ์ด๋ ฅ์ ํ๋ก์ ํธ ์์ ๋ชปํ ์ โฆใ
- ์๋ฉด ์๊ฐ์ด ๋๋ฌด ์ ์๋ ์
๐ ์์ฝ ๋ฐ ํ๋ฃจ ๊ฐ๋จ ํ๊ณ
์ค๋ ํ๋ฃจ๋ ์ ๋ง ๋น ๋ฅด๊ฒ ์ง๋๊ฐ๋ค. ๊ณต๋ถํ ์ฝ 10์๊ฐ์ ์๊ฐ์ด 1์๊ฐ ์ ๋๋ก ๋๊ปด์ง๋งํผ ์ด์ฌํ ์ง์คํ๋ค. ๊ฐ๋ฐ ์์ฒด๊ฐ ์ฌ๋ฏธ์์ด์ ๋๋ฌด๋๋ฌด ์ข๋ค!!!