์๊ฐ์ ์๋ฃํ์์ต๋๋ค.
Javascript, html, css ๊ธฐ์ด ๋ฆ์ ์ํ์์,
ํ์คํ ์๋น์ค๋ฅผ ๋ง๋ค์ด๋ณด๊ณ ์ถ์ด์, ์๊ฐํ์ต๋๋ค.
react ๋ vue ๋ ์๋๋ฐ svelte๊ฐ ์ฝ๊ณ ํซํ๋ค๊ณ ํด์,
์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ ํํ์ต๋๋ค.
์ด ์์
์ ์ ๋ก๋ถํฐ ์ค๋งํธ๋ฉ๋ด ์๋น์ค๋ฅผ ๋ง๋ค๊ธฐ๊น์ง ๋ชจ๋ ๊ณผ์ ์ด ๋ค ๋
น์์ ธ์์์ต๋๋ค.
์ค๋ช
๋ ์ฐจ๊ทผ์ฐจ๊ทผ ์ ํด์ฃผ์
์, ์ดํด๊ฐ ์ ๋์์ต๋๋ค.
///
์์ฌ์ ๋ ์ ์, ์์
์ ์งํํ ๋, ์ค๊ฐ์ค๊ฐ ๊ณ์ ๋งํ์๋๋ฐ. ์ ๊ฐ ์ฝ๋๋ฅผ ์์ฑ์ ์คํ๋ฅผ ๋ธ ๊ฒ๋ ์์ง๋ง, ๊ฐ์์์์ ์ค์ํ ์คํ๊ฐ ๋ง์ด ์์์ด์, ๊ฐ์์์๋ง ๋ณด๊ณ ๋ฐ๋ผ์น ๊ฒฝ์ฐ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ธฐ๋ ํ์ต๋๋ค.
์์ ์ฝ๋์์๋ ์คํ๊ฐ ๊ฐ๊ฐํ ์์ด์, ์๋ฒ๋ฅผ ์คํํด์ ํ
์คํธํ ๋๋ง๋ค, ๋ด๊ฐ ์๋ชป์น๊ฑด์ง, ๊ฐ์๋ด์ฉ์ ์คํ๊ฐ ์๋๊ฑด์ง ํท๊ฐ๋ฆฌ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์์ต๋๋ค.
(์๊ฐํ์ ์์ฑํ์ ๋ค๋ฅธ ๋ถ๋ค์ ๊ฒ์ํ์ ์ง๋ฌธ์์ด ์ด๋ป๊ฒ ์์
์ ์งํํ์
จ๋์ง.. ์ข ์ดํด๊ฐ ์๊ฐ๊ธฐ๋.. ์๊ฐ๊น์ง ํ์ง ์์ผ์ ๊ฑด๊ฐ?)
์์
์์ ์งํ๋๋ ํ๊ฒฝ์ ๋งฅOS์๊ณ , ์ ๋ windows ํ๊ฒฝ์ด์๊ธฐ ๋๋ฌธ์, ์์
๊ณผ ๋ค๋ฅด๊ฒ ์๋ฒ์คํ ๋ช
๋ น์ด๊ฐ meteor ๊ฐ ์๋ meteor.bat ์ด๋ผ๋์ง.
๋๋, ์์
๊ณผ ์ง๊ธ์ meteor ๋ฒ์ ผ์ด ๋ฌ๋ผ์ ๋ค๋ฅด๊ฒ ์งํ๋๋ ๋ฌธ์ ๋ฑ์ด ์์์ต๋๋ค.
๊ทธ๋๋, ์ด๋ฐ ๋ฌธ์ ๋ค์ ์ปค๋ฎค๋ํฐ ๊ฒ์ํ์ ์ง๋ฌธ์ ์ฌ๋ฆฌ๋ฉด, ์ ์๋๊ป์ ๋ต๋ณ์ ํ๋ฃจ์ดํ ์์ ์ ํด์ฃผ์
์, ๊ณ์ํด์ ์์
์ ์ด์ด๋๊ฐ ์ ์์์ต๋๋ค.
//
SMART MENU ๋ฅผ ๋ง๋๋ ์น์
4๋ถํฐ๋, ์ฒ์์๋ ๊ด์ฐฎ์๋๋ฐ, ์ ์ ์ฝ๋๊ฐ ๋ฐฉ๋ํด์ง๋ฉด์, ๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ๋, ์ด์ ์ฝ๋์ ์ฐจ์ด์ ์ ๋น๊ตํ๋๊ฒ ๋งค์ฐ ์ค์ํ์ด์,
๋ฒ์ ผ๊ด๋ฆฌ์ ํ์์ฑ์ ๋๋ผ๊ณ , ๋ฐ๋ก git ์ ๊ณต๋ถํ๊ณ ์ ์ฉํด๊ฐ๋ฉฐ ๋ค์์ต๋๋ค.
๊ฐ ์น์
์ ์ฝ๋๊ฐ ๋ฒ๊ทธ ์์ด ๋๋ ๋๋ง๋ค branch๋ฅผ ๋ง๋ค์ด์ฃผ๊ณ , ์น์
์์ ์์ ์ฑํฐ๊ฐ ๋๋ ๋๋ง๋ค commit ์ ํด์ฃผ๋ฉด์ ์์
์ ๋ค์ผ๋, ์น์
12, 13 ์ดํ๋ก ๊ฐ์ ๋ฒ๊ทธ๊ฐ ๋ฐ์ํด๋ ๋น ๋ฅด๊ฒ ๋์ฒํ ์ ์์์ต๋๋ค.
์ ๊ฐ์ ์ด๋ณด๋ถ๋ค์ git์ ๋ฐ๋ก ๊ณต๋ถํ์
์ ์์
์ ํ์ฉํ์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.
๋, ์์
์์ ๋๋ฒ๊น
๊ด๋ จํ์ฌ, ๋ฐฑ์๋๋ terminal ์ฐฝ, ํ๋ก ํธ์๋๋ console ์ฐฝ์ ํ์ธํ๋ ๋ถ๋ถ์ด ์ข ๋ ์์์ผ๋ฉด, ์ ๊ฐ์ ์ด๋ณด๋ค์ ๋ ์ข์์ง ์์์๊น ์ถ์ต๋๋ค. ์ด๋ฐ๊ฑด ๊ธฐ์ด์ ์ธ ๋ด์ฉ์ด๋ผ ์์
ํ๋ฆ์ ๋ค์ด๊ฐ์ง ์์ ๊ฒ ๊ฐ์ต๋๋ค.
ํ์ง๋ง ์์
์์ git์ด๋ ๋๋ฒ๊น
๋ฐฉ๋ฒ๋ฑ์๋ํด์ ๊ฐ๋จํ ์ธ๊ธ์ ๋๋ ํด์ฃผ์๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์์ต๋๋ค.
//
< ์๋ง ๊ฐ๋ฆผ๋ฌธ์ >
์ค๊ฐ์ค๊ฐ ๊ฐ์์ ์๋ง์ด ๋ค์ด๊ฐ๋ ์์๋ ์์๋๋ฐ, ์๋ง์ ๊ฒฝ์ฐ ๋ฆฌ๋ด์ผ์์
ํ์ค ๋๋ ๊ผญ ์ฌ์๋ฐ ์๋ก ์์นํ๋๋ก ํด์ฃผ์
จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค. ๋ฉ์ถฐ์ ๋ณผ ๋๋ง๋ค ์๋ง์ด ๊ฐ๋ ค์ ธ์. ใ
//
์ ๊ฐ ์์
์ ์งํํ๋ฉด์, ๋งํ๋ ๋ถ๋ถ๊ณผ ์ฌ์ํ ์คํ์๋ฑ์ ์ ๋ณด๋ฅผ ์ด์ฌํ ํ์๋๋ฐ, ์ด๋ฐ ๋ถ๋ถ๋ค์ ๋ฐ์ํ์ฌ,
์ ์๋๊ป์ ๊ฐ์ข ๋ฆฌ๋ด์ผ ์์
์ 23๋
3์ ์ค ์งํํ์ ๋ค๊ณ ํ์๋, ์ดํ ์์
์ ๋ค์ผ์๋ ๋ถ๋ค์ ๋ ์พ์ ํ๊ฒ ์์
์ ๋ค์ผ์ค ๊ฑฐ ๊ฐ์ต๋๋ค.
//
์์
์ ์ฃผํ์ ์๋ฃํ๋,
- ์ ๋ฐ์ ์ธ GraphQL ์ ์๋ ๋ฐฉ์๊ณผ ๊ทธ๊ฒ์ Apollo ์๋ฒ์์ ์ด๋ป๊ฒ ์ด์ฉํ๋์ง.
- Svelte ๋ฅผ ํ์ฉํด์ ์ฝ๊ณ ๋น ๋ฅด๊ฒ ๋ฐฑ์๋์ ์ฐ๊ฒฐ๋๋ ํ๋ก ํธ์๋๋ฅผ ๊ตฌ์ถํ๋์ง
๋ฑ์ ์ ์ ์์์ต๋๋ค.
์ด์ฌํ ๋ค์ผ๋ฉด์, ์ดํด๋ ํ๋๋ฐ, ๋์ธ๋ฒ์ ์ ์ฃผํ์ ํด๋ด์ผ, ๋ ๊ทธ ๊ตฌ์กฐ์ ์๋๋ฐฉ์์ด ์ต์ํด์ง ๊ฒ ๊ฐ์ต๋๋ค.
๊ฐ์ธ์ ์ผ๋ก svelte ๋ฅผ ์ด์ฉํด์, ํ๋ก ํธ์๋๋ฅผ ๋ง๋๋ ๋ถ๋ถ์ ์ข ๋ ๊ณต๋ถ๊ฐ ํ์ํ ๊ฑฐ ๊ฐ์์, ์ถ๊ฐ์ ์ธ ํ์ต์ ์ข ๋ ํด์ผํ ๊ฒ ๊ฐ์ต๋๋ค.
react ๋ vue ๋ฅผ ์์์ ํตํด ๊ตฌ๊ฒฝ๋ง ํด๋ณธ, ์ด๋ณด ์
์ฅ์์ ์์ ๋ชจ๋ฅด๊ฒ ์ง๋ง, svelte ๋ฅผ ํ์ฉํด ์๋น์ค๋ฅผ ๋ฐ๋ผ ๋ง๋ค์ด๋ณด๋ svelte๊ฐ ์ฝ๊ณ ์ง๊ด์ ์ผ๋ก ๋๊ปด์ก์ต๋๋ค.
svelteKit ์ด๋ผ๋ svelte ์ ์ฉ ํตํฉ ํ๋ ์์ํฌ๊ฐ ๋์๋๋ฐ, ์ ์๋๊ป์ ์ด๋ถ๋ถ ๊ฐ์ข๋ ๋ง๋ค์ด์ฃผ์
จ์ผ๋ฉด ํ๋ ๋ฐ๋จ๋ ์์ต๋๋ค.ใ
ใ
..
๊ฐ์ ๋ด์ฉ์ด ์ ๋ง ์์ฐจ๋ ๋ค์ด๋ณด๊ณ ์ถ์ผ์ ๋ถ๋ค์ ๋ค์ด๋ณด์๊ธธ ๋ฐ๋๋๋ค.