ํšŒ๊ณ 

๐Ÿ˜ 2์›” 1์ฃผ์ฐจ ํšŒ๊ณ 

frontChoi 2022. 2. 6. 12:43
๋ฐ˜์‘ํ˜•

๐Ÿ˜› Vue Router ๊ณต๋ถ€์˜ ํ•„์š”์„ฑ

๊ธฐ๋ณธ์ ์ธ๊ฒƒ์„ ์‚ฌ์šฉํ•˜๋Š”๋ฐ์—๋Š” ๋ฌธ์ œ๊ฐ€ ์—†๋‹ค. ๋‹ค๋งŒ, ๊ด€๋ฆฌ์ž ํ™”๋ฉด์—์„œ๋Š” ๊ถŒํ•œ๋„ ๋ณต์žกํ•˜์—ฌ, ์‚ฌ์šฉ์ž ๊ถŒํ•œ์— ๋”ฐ๋ผ ํ™”๋ฉด์„ ๋ณด์—ฌ์ฃผ๊ฑฐ๋‚˜ , ํŠ•๊ฒจ์ฃผ๊ฑฐ๋‚˜ ํ•˜๋Š” ์ž‘์—…์ด ํ•„์š”ํ–ˆ๋Š”๋ฐ ์ง€์‹์ด ๋ถ€์กฑํ•œ ๋А๋‚Œ์ด ๋“ค์–ด, ๊ณ ๊ธ‰์ ์ธ ๊ธฐ๋Šฅ์˜ ํ•„์š”์„ฑ์„ ๋А๊ผˆ๋‹ค.

 

๐Ÿค  Vue global.scss ๊ด€๋ฆฌ ํ•˜๊ธฐ

๋‹ค์Œ์ฃผ์— ํšŒ์‚ฌ๋ฅผ ์†Œ๊ฐœํ•˜๋Š” ํŽ˜์ด์ง€๊ฐ€ ํ•„์š”ํ–ˆ๋Š”๋ฐ, Vue๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ•˜๋ผ๊ณ  ํ•˜์—ฌ ์ง„ํ–‰ํ•  ์˜ˆ์ •์ธ๋ฐ, ๊ฑฐ๊ธฐ์„œ ๊ณตํ†ต์œผ๋กœ ํ•„์š”ํ•œ scss๋ฅผ ์ž‘์—…ํ•˜๋Š”๊ฒŒ ๋‚ซ๋‹ค๊ณ  ํ•˜์—ฌ ์ด๋ฒˆ์ฃผ ์ฃผ๋ง์— ์—ฐ์Šตํ•ด ๋ณด์•˜๋‹ค. ๋‹ค์Œ์ฃผ์— vue์—์„œ sass๋ฅผ ๊ธ€๋กœ๋ฒŒํ•˜๊ฒŒ ๊ด€๋ฆฌํ•˜๋„๋ก ์ ์šฉ ํ•ด ๋ณผ ๊ฒƒ์ด๋‹ค.

 

๐Ÿค” observable๋ฅผ ๊ณต๋ถ€ํ•ด๋ณด์ž

Angular๋ฅผ ๊ณต๋ถ€ํ•˜๋‹ค ๋ณด๋ฉด Rxjs๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ๋ฐ–์— ์—†๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๊ต‰์žฅํžˆ ์Šค์Šค๋กœ ์™œ ์จ์•ผํ•˜๊ณ  , ์™œ ์ข‹์€์ง€๋ฅผ ๋ชจ๋ฅด๊ฒ ์œผ๋ฉฐ, ์ด๋Ÿฌ์ €๋Ÿฌํ•œ ์˜์ƒ ๋ฐ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ณด๋‹ˆ Obserable๋ฅผ ์•Œ์•„์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•˜๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ Obserable๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Promise, callback์˜ ์žฅ๋‹จ์ ์„ ๋น„๊ตํ•ด ํ•ด ๋ณผ ์˜ˆ์ •์ด๋‹ค

 

๐Ÿš“ Javascript ๊ฐ์ฒด์— ๋Œ€ํ•œ ๊ณต๋ถ€์˜ ํ•„์š”์„ฑ

์ด๋ฒˆ์— ํšŒ์‚ฌ์—์„œ ์‚ฌ์šฉ์ค‘์ธ ์•ฑ(Ionic์„ ์‚ฌ์šฉ์ค‘...)์„ ๊ธฐ๋Šฅ ์ถ”๊ฐ€์ค‘, ๊ต‰์žฅํžˆ ์ฝ”๋“œ๋„ ๋‚œ์žกํ•˜๋ฉฐ ๊ฐœ์ธ์ ์œผ๋กœ Javascript ๊ฐ์ฒด์— ๋Œ€ํ•ด ๋ชจ๋ฅธ๋‹ค๋Š” ๊ฒƒ์„ ๋А๊ผˆ๋‹ค. ๊ฐ์ฒด ์–‡์€๋ณต์‚ฌ,๊นŠ์€๋ณต์‚ฌ, ํ”„๋กœํ† ํƒ€์ž….. ๋“ฑ๋“ฑ ๊ทธ๋ฆฌํ•˜์—ฌ ์ด๊ฒƒ๋˜ํ•œ ํ‹ˆํ‹ˆํžˆ ๊ณต๋ถ€ํ•  ์˜ˆ์ •์ด๋‹ค.

 

 

๋ฐ˜์‘ํ˜•