[DevCourse] ์์ฑํ AI ํ์ฉ ๋ฐฑ์๋ ๋ฐ๋ธ์ฝ์ค 18์ผ์ฐจ
์ค๋๋ ํ ํ๋ก์ ํธ ์์ ์ ์ด์ด๊ฐ๋ค.
์ง๋์ฃผ์ ์ ํ๋ ์์ด๋์ด๋ฅผ ๋ฐํ์ผ๋ก, ์ ์ฒด ํ๋ฆ์ ๋ค์ ์ ๋ฆฌํ๊ณ ์ธ๋ถ ์์ ์ ๋ค์ด๊ฐ๋ ์ค๋น๋ฅผ ํ๋ค.
์ด์ ์ ๋ง ๋ณธ๊ฒฉ์ ์ธ ๊ฐ๋ฐ์ด ์์๋๋ค.
๐ ์ค๋ ์งํํ ๋ด์ฉ
- ์์ด๋์ด ๊ตฌ์ฒดํ ๋ฐ ๋ฐฉํฅ ์ ๋ฆฌ
- ํ์๋ค๊ณผ ํจ๊ป ์ ์ฒด ํ๋ฆ์ ๋ค์ ๋ณด๋ฉด์
- ์ธ๋ถ์ ์ธ ๊ธฐ๋ฅ๊ณผ ํ๋ฉด ์ ํ ํ๋ฆ์ ๋ํด align์ ๋ง์ท๋ค.
- ์ฒ์ ์ค์ ํ๋ ์์ด๋์ด๋ฅผ ํ์ค์ ์ผ๋ก ๊ตฌํ ๊ฐ๋ฅํ ๋ฐฉํฅ์ผ๋ก ์กฐ๊ธ ๋ ๋ค๋ฌ์๋ค.
- JSON ๋ฐ์ดํฐ ๊ตฌ์กฐ ํ์
- ์ค์ ๋ฐ์ดํฐ๋ฅผ ์ด๋ป๊ฒ ๋ค๋ฃฐ์ง ๊ตฌ์กฐ๋ฅผ ์ค๊ณํ๋ค.
- ํผ๊ทธ๋ง๋ก ์์ด์ดํ๋ ์ ์ ์
- ๊ฐ ํ์ด์ง์ ํ๋ฉด ๊ตฌ์ฑ์ Figma๋ก ๊ทธ๋ ค๋ณด๋ฉด์
- ๊ฐ๋ฐ์ ํ์ํ ๊ธฐ๋ณธ ๋ผ๋๋ฅผ ์๊ฐ์ ์ผ๋ก ํ์ธํ๋ค.
- ๋ณธ๊ฒฉ์ ์ธ ๊ฐ๋ฐ ์์
- ์ค๋๋ถํฐ ์ค์ ๋ก React๋ฅผ ์ด์ฉํด ํ๋ก์ ํธ๋ฅผ ๊ตฌํํ๊ธฐ ์์ํ๋ค.
๐งก ๋๋ ์
์ค๋์ ๋๋์ด React๋ก ํ๋ก์ ํธ ๊ฐ๋ฐ์ ์์ํ๋ ์ฒซ๋ ์ด์๋ค.
๊ฐ๋ ์ ์ผ๋ก๋ ๊ณต๋ถ๋ฅผ ํด์์ง๋ง, ์ด๋ ๊ฒ ํ ํ๋ก์ ํธ์ React๋ฅผ ์ง์ ์ ์ฉํด ๋ณด๋ ๊ฑด ์ฒ์์ด๋ผ ์์งํ ์กฐ๊ธ ์ด์ํ๊ณ ๊ธด์ฅ๋ ๋๋ค.
์ฒ์ ์ธํ ์ ํ๊ณ ํ์ผ์ ๋๋๊ณ , ์ปดํฌ๋ํธ๋ฅผ ๊ตฌ์ฑํด ๊ฐ๋ ๊ณผ์ ์ด ๋จธ๋ฆฌ๋ก ์ดํดํ๋ ๊ฒ๊ณผ ์ค์ ๋ก ์์ผ๋ก ํ๋ ๊ฒ ์ฌ์ด์ ์ฐจ์ด๋ฅผ ํ์คํ ๋๋ผ๊ฒ ํด ์คฌ๋ค.
๊ทธ๋๋ ํ์๋ค๊ณผ ํ๋ฆ์ ๋ง์ถฐ๊ฐ๋ฉฐ ํ๋์ฉ ๊ตฌ์ฒดํํ๊ณ , ๋์์ ๊ฒฐ๊ณผ๋ฌผ์ด ์กฐ๊ธ์ฉ ํํ๋ฅผ ๊ฐ์ถฐ๊ฐ๋ ๊ฑธ ๋ณด๋ ๋ ์ด์ฌํ ํด๋ณด๊ณ ์ถ๋ค๋ ๋ง์์ด ๋ ์ปค์ก๋ค.
์์ง์ ๋ถ์กฑํ๊ณ ์ํด์ง๋ง, ์ด๋ฒ ํ๋ก์ ํธ๋ฅผ ํตํด React๋ฅผ ์ง์ง ‘๋ด ๊ฒ์ผ๋ก’ ๋ง๋ค ์ ์๋๋ก ์ต์ ์ ๋คํด๋ณด์.
๋ด์ผ๋ถํฐ๋ ๋ณธ๊ฒฉ์ ์ผ๋ก ๊ฐ ์ปดํฌ๋ํธ ์์ ๊ณผ ๊ธฐ๋ฅ ๊ตฌํ์ด ์์๋ ์์ ์ด๋ค.
์กฐ๊ธ์ฉ ์์๊ฐ๋ฉด์ ์์ฑ๋๋ฅผ ๋์ผ ์ ์๋๋ก ๋ ธ๋ ฅํด์ผ์ง!!