์น ๋ธ๋ผ์ฐ์ ์์ ๋ฐ์ํ๋ event๋ฅผ ํธ๋ค๋ง ํ๊ธฐ ์ํด์ ๋ฐฐ์์ผ ํ๋ค.์ค๋ณต์ผ๋ก ๋ณ์๋ช ์ ์ฌ์ฉํด๋ ์๋ฌ๊ฐ ๋ฐ์ํ์ง ์๊ธฐ ๋๋ฌธ์ ์ฝ๋ฉ์ ์น๋ช ์ ์ผ ์ ์๊ธฐ ๋๋ฌธ์ด๋ค.๋ฐ๋ผ์, let์ด๋ const๋ฅผ ํตํด์ ์ ์ธํ๋ ๊ฒ์ด ๋ฐ๋์งํ๋ค.์ฌ๊ธฐ์ const๋ ์ฌํ ๋น์ด ์๋๋ค๋ ํน์ง์ด
jQuery๋ฅผ ํ๊ฒฝ์ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ๋ค. ์ปดํจํฐ์ ์ง์ ๋ค์ด๋ก๋ ํด์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒsrc๋ฅผ ํตํด์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒa ํ๊ทธ ์ ๋ถ๋ฅผ jQuery๋ฅผ ์ ์ฉํ์ฌ ์ฌ์ฉํ๊ฒ ๋ค๋ ์๋ฏธ.๋ฐ๋ผ์, ์ด์ ์ฝ๋์ ๊ฐ์ด ์กฐ๊ฑด๋ฌธ ๋๋ ๋ฐ๋ณต๋ฌธ์ ์ด์ฉํ์ฌ ์ ์ฉํ ํ๊ทธ๋ฅผ ๋ค selectํ๋
Object๋ฅผ ์ด๋ป๊ฒ serializeํ์ฌ JSON์ผ๋ก ๋ณํํ ์ ์๋ค.์ง๋ ฌํ๋ JSON์ deserializeํ์ฌ Objectํ ํ ์ ์๋ค.๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ๊ฐ์ฅ ๊ฐ๋จํ ํ์ผ format์ด๋ค.ํ์คํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ์ฌ ๊ฐ๋ณ๋ค.๊ฐ๋ ์ฑ์ด ๋๋ค.key์ value๋ก ๋ฐ์ดํฐ๋ฅผ
Promise์ ๊ฐ๋ ์ ์ดํดํ ์ ์๋ค.Promise ์ฝ๋๋ฅผ ํธ๋ค๋ง ํ ์ ์๋ค.
Promise chaining์ ๋ฌธ์ ์ ์ ๋ณด์ํ๊ธฐ ์ํด์ ์ฌ์ฉ๋๋ค.์ด ์ฒ๋ผ then, catch, finally ๋ฑ์ด Chainingํ์ฌ ์ฝ๋์ ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง ์ ์๊ธฐ ๋๋ฌธ์ ์ด๋ฅผ ๋ณด์ํ๊ณ ์ ์ฌ์ฉํ๋ค.async๋ฅผ ์์ ์ ์ธํ๋ ๊ฒ ๋ง์ผ๋ก๋ Promise๋ฅผ ์ฌ์ฉํ๋ ๊ฒ
๋จผ์ ๋ณ์๋ฅผ ์ฝ๊ฒ ์ดํดํ๊ธฐ ์ํด์ ํธ์ด์คํ ์ ๋ํ ์ค๋ช ๋ถํฐ ๋๋ฆฌ๊ฒ ์ต๋๋ค.์ฝ๋๊ฐ ์ค์ ๋ก ์๋ก ์ฌ๋ผ๊ฐ์ง ์์ง๋ง, ์ฌ๋ผ๊ฐ ๊ฒ ์ฒ๋ผ ์ ์ฉ๋๋ ํ์์ํธ์ด์คํ (hoisting)์ด๋ผ๊ณ ํ๋ค.์ค์ฝํ ๋ด๋ถ ์ด๋์๋ ๋ณ์ ์ ์ธ์ ์ต์์์ ์ ์ธ๋ ๊ฒ ์ฒ๋ผ ํ๋ํธ์ด์คํ ์ ์ค์ฝํ("{}")
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ผ๋ฉด ๋ฌด์กฐ๊ฑด ์์งํ๊ณ ์์ด์ผ๊ฒ ์ฅ??
์๋ฐ์คํฌ๋ฆฝํธ ๋ ์ง ์์ง๋ ํท๊ฐ๋ ค?
hasOwnProperty์ ๋ํด์ ์์๋ด ์๋ค.
์ ์์ ์คํ ๊ฒฐ๊ณผ๋ bar ํจ์์ ์์ ์ค์ฝํ๊ฐ ๋ฌด์์ธ์ง์ ๋ฐ๋ผ ๊ฒฐ์ ๋๋ค.๊ฒฝ์ฐ์ ์๋ ๋ค์๊ณผ ๊ฐ๋ค.ํจ์๋ฅผ ์ด๋์ ํธ์ถํ๋์ง์ ๋ฐ๋ผ ํจ์์ ์์ ์ค์ฝํ๋ฅผ ๊ฒฐ์ ํ๋ค.ํจ์๋ฅผ ์ด๋์ ์ ์ํ๋์ง์ ๋ฐ๋ผ ํจ์์ ์์ ์ค์ฝํ๋ฅผ ๊ฒฐ์ ํ๋ค.์ฒซ ๋ฒ์งธ ๋ฐฉ์์ผ๋ก ํจ์์ ์์ ์ค์ฝํ๋ฅผ ๊ฒฐ์
onClick ํธ๋ค๋ฌ ๋๋ ์ฝ๋ ์ํ์์ ๋ง๋ค์ด๋ ์์ ์ ํจ์ฑ ๊ฒ์ฆ ์ ๋๋ฅผ (๋ณต๋ถ์ผ๋ก) ์ํ(1) ๋ฃจํ, if ๋ฌธ, try / catch ๋ฑ์ ๊ธฐ๋ณธ ํ๋ก๊ทธ๋๋ฐ ๋๊ตฌ ๋ฐ ๋ฌธ๋ฒ์ ์๊ณ ์์ด์ผ ํจ(2) ์ต๋ช ํจ์๋ฟ๋ง ์๋๋ผ ์ ์ ๋ฐ ํ ๋น ํ ์์๋ ๋ค์ํ ๋ฐฉ๋ฒ์ ํฌํจํ ํจ์
https://poiemaweb.com/
์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ฐ์ฒด ๊ธฐ๋ฐ์ ์คํฌ๋ฆฝํธ ์ธ์ด์ด๋ฉฐ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด๋ฃจ๊ณ ์๋ ๊ฑฐ์ "๋ชจ๋ ๊ฒ"์ด ๊ฐ์ฒด์ด๋ค. ์์ ํ์ (Primitives)์ ์ ์ธํ ๋๋จธ์ง ๊ฐ๋ค(ํจ์, ๋ฐฐ์ด, ์ ๊ทํํ์)์ ๋ชจ๋ ๊ฐ์ฒด์ด๋ค.์๋ฐ์คํฌ๋ฆฝํธ์ ๊ฐ์ฒด๋ ํค(key)์ ๊ฐ(value)์ผ๋ก ๊ตฌ์ฑ๋ ํ๋กํผํฐ