๐ 2์ 1์ฃผ์ฐจ ํ๊ณ
๐ Vue Router ๊ณต๋ถ์ ํ์์ฑ
๊ธฐ๋ณธ์ ์ธ๊ฒ์ ์ฌ์ฉํ๋๋ฐ์๋ ๋ฌธ์ ๊ฐ ์๋ค. ๋ค๋ง, ๊ด๋ฆฌ์ ํ๋ฉด์์๋ ๊ถํ๋ ๋ณต์กํ์ฌ, ์ฌ์ฉ์ ๊ถํ์ ๋ฐ๋ผ ํ๋ฉด์ ๋ณด์ฌ์ฃผ๊ฑฐ๋ , ํ๊ฒจ์ฃผ๊ฑฐ๋ ํ๋ ์์ ์ด ํ์ํ๋๋ฐ ์ง์์ด ๋ถ์กฑํ ๋๋์ด ๋ค์ด, ๊ณ ๊ธ์ ์ธ ๊ธฐ๋ฅ์ ํ์์ฑ์ ๋๊ผ๋ค.
๐ค Vue global.scss ๊ด๋ฆฌ ํ๊ธฐ
๋ค์์ฃผ์ ํ์ฌ๋ฅผ ์๊ฐํ๋ ํ์ด์ง๊ฐ ํ์ํ๋๋ฐ, Vue๋ฅผ ์ด์ฉํ์ฌ ๊ฐ๋ฐํ๋ผ๊ณ ํ์ฌ ์งํํ ์์ ์ธ๋ฐ, ๊ฑฐ๊ธฐ์ ๊ณตํต์ผ๋ก ํ์ํ scss๋ฅผ ์์ ํ๋๊ฒ ๋ซ๋ค๊ณ ํ์ฌ ์ด๋ฒ์ฃผ ์ฃผ๋ง์ ์ฐ์ตํด ๋ณด์๋ค. ๋ค์์ฃผ์ vue์์ sass๋ฅผ ๊ธ๋ก๋ฒํ๊ฒ ๊ด๋ฆฌํ๋๋ก ์ ์ฉ ํด ๋ณผ ๊ฒ์ด๋ค.
๐ค observable๋ฅผ ๊ณต๋ถํด๋ณด์
Angular๋ฅผ ๊ณต๋ถํ๋ค ๋ณด๋ฉด Rxjs๋ฅผ ์ฌ์ฉํ ์ ๋ฐ์ ์๋ค. ๊ทธ๋ฐ๋ฐ ๊ต์ฅํ ์ค์ค๋ก ์ ์จ์ผํ๊ณ , ์ ์ข์์ง๋ฅผ ๋ชจ๋ฅด๊ฒ ์ผ๋ฉฐ, ์ด๋ฌ์ ๋ฌํ ์์ ๋ฐ ๋ธ๋ก๊ทธ๋ฅผ ๋ณด๋ Obserable๋ฅผ ์์์ผ ํ๋ค๋ ๊ฒ์ ์์๋ค. ๊ทธ๋ฆฌํ์ฌ Obserable๋ฅผ ์ฌ์ฉํ์ฌ Promise, callback์ ์ฅ๋จ์ ์ ๋น๊ตํด ํด ๋ณผ ์์ ์ด๋ค
๐ Javascript ๊ฐ์ฒด์ ๋ํ ๊ณต๋ถ์ ํ์์ฑ
์ด๋ฒ์ ํ์ฌ์์ ์ฌ์ฉ์ค์ธ ์ฑ(Ionic์ ์ฌ์ฉ์ค...)์ ๊ธฐ๋ฅ ์ถ๊ฐ์ค, ๊ต์ฅํ ์ฝ๋๋ ๋์กํ๋ฉฐ ๊ฐ์ธ์ ์ผ๋ก Javascript ๊ฐ์ฒด์ ๋ํด ๋ชจ๋ฅธ๋ค๋ ๊ฒ์ ๋๊ผ๋ค. ๊ฐ์ฒด ์์๋ณต์ฌ,๊น์๋ณต์ฌ, ํ๋กํ ํ์ .. ๋ฑ๋ฑ ๊ทธ๋ฆฌํ์ฌ ์ด๊ฒ๋ํ ํํํ ๊ณต๋ถํ ์์ ์ด๋ค.