vue.js composition api์ ํต์ฌ์ธ ์ปดํฌ์ ๋ธ์ ์์๋ณด์
vue.js์ ์ปค์คํ ๋๋ ํฐ๋ธ, ๊ธ๋ก๋ฒ ์ปดํฌ๋ํธ, ํ๋ฌ๊ทธ์ธ์ ๋ํด ์์๋ณด์
HTML, CSS๋ง์ผ๋ก๋ ์ถฉ๋ถํ ์ด๋ ค์ด ์ธ์
React๋ก ํฌ๋๋ฆฌ์คํธ ๋ง๋ค๊ธฐ - Day 1
localStorage๋ฅผ ํ์ฉํ ์น ๋ฉ๋ชจ์ฅ
css๋ก ์คํ๋์ฌ ํ๋ฉด ๊ตฌํ with animation
๋ ๋๋ง ๋ฐฉ์์ธ CSR & SSR (๊ทธ๋ฆฌ๊ณ SPA, MPA์ ๊ดํ์ฌ)
๊ฐ์ฒด๋ฅผ ๋ง๋ค์ด๋ด๋ ์์ฑ์ ํจ์
JSON์์ ๋ฐ์ดํฐ๋ฅผ ๊ฑธ๋ฌ๋ด๋ณด๊ธฐ, ์ ๋ ฌ์ํจ ๋ฐ์ดํฐ๋ฅผ ๋ ๋๋ง ์ํค๊ธฐ
repeat(), Array(), Math(), Date(), flat()
1. map vs forEach ์ ์ธ๋ ๋ฐฐ์ด์ ๊ฐ๋ค(์ดํ ์์๋ผ ๋ถ๋ฆ)์ ๋ํ์ฌ ์ฃผ์ด์ง ํจ์๋ฅผ ์คํ์ํค๋ ๊ณตํต์ ์ ๊ฐ์ง map๊ณผ forEach์ ์ฐจ์ด์ ์ ๋ํด ์์๋ณด์ ์์ ๊ฐ์ด, forEach๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ก์ด ๋ฐฐ์ด๋ก์ ๋ฐํ์ด ์ด๋ฃจ์ด์ง์ง ์๋๋ค. ๋ฐ๋ฉด map์ ์ฌ์ฉํ๋ฉด ์๋ก์ด ๋ฐฐ์ด๋ก ๋ฐํํ ์ ์๋ค. ๋จ์ํ ๋ฐฐ์ด์์ ๊ฐ๋ค์ ์ด์ฉํ ๊ณ์ฐ์ ํด์ฃผ๊ณ ์ ์ฅ๋ง...
ํจ์๋ ๋ฌด์์ธ๊ฐ? ์ ๋ ฅ๊ฐ์ ๋ฐ์์ ์ถ๋ ฅ์ ํด์ฃผ๋ ๊ธฐ๋ฅ์ด ์๋ค.(์ถ๋ ฅ๊ฐ์ด ์๋ค.) ์ด๋๊ฐ์์ ์ฌ์ฌ์ฉ์ ํ๊ธฐ ์ํด ์ฐ์ธ๋ค. ์ํคํ ์ณ๋ฅผ ํ์ ํ ์ ์๋ค. -> ํจ์๋ค๋ง ๋ด๋ '์ ์ด๋ฐ ์ผ์ ํ๋ ๊ฒ์ด๊ตฌ๋'๋ฅผ ํ์ ํ ์ ์๋ค๋ ์ ๋๋ก ํด์ ๋จ์ํ ์ ์ธ๋ง ํด์ฃผ๋ฉด ์๋ฌด๋ฐ ์ผ์ด ์ผ
๋ฌธ์์ด์ ์ธ๋ฑ์ค๋ฅผ ํ์ฉํด str4 + str3 + ... + str0ํด์ฃผ๋ฉด๋๋ค.
์์ ๋ฐฐ์ด์์ 20, 30์ ์ ๊ฑฐํ๋ผ.arr\[i]๋ฅผ ์ด์ฉํด์ 20๊ณผ 30๊ณผ ๊ฐ์ ๋น๊ตํ๋ค.๋ง์ฝ ๊ทธ ๊ฐ์ด 20๊ณผ ๊ฐ๋ค๋ฉด, .splice๋ฅผ ์ด์ฉํด์ ๊ฐ์ ์ ๊ฑฐํด์ค๋ค.2.1 ๋ง์ฝ 20๊ณผ ๊ฐ์ง์์ง๋ง 30๊ณผ ๊ฐ๋ค๋ฉด, .splice๋ฅผ ์ด์ฉํด์ ๊ฐ์ ์ ๊ฑฐํด์ค๋ค.
๊ต์ฅํ ๊ธฐ์ด์ ์ธ ํด์ฆ๋ฅผ ๋ํ๊ธฐ๊น์ง "์ด ์ ๋๋ ์ฌ๋ฌ๋ถ์ด ํ ์ ์์ต๋๋ค!" ๋ผ๋ ๋ง์ด ์ฃ์ก์ค๋ฝ๊ฒ๋, ํด์ฆ์ ์ ๊ทผ์กฐ์ฐจ ์ด๋ ค์ ๋ ๋ด๊ฐ (๊ธฐ์ด์ค์ ๊ธฐ์ด)๋ฐฐ์ด์ ํ๊ท ์ ๊ตฌํด๋ณด๋ฉด์ ๋๋ ์ ์ ์ฐ์ ์ ๊ณ ๊ฐ๋ค. >1. ๊ทธ๋๋ ์์์ผ ํ๋๊ฒ ์๋๋ผ! ->๋น์ฐํ๊ฒ๋ ์ธ์ฐ๊ณ ์์ด์ผ