๋ณต์ต์ ์ค์์ฑ์ ์ ๋ง ๊ณต๋ถ๋ฅผ ํ ๋๋ง๋ค ๋๋ผ๋ ๊ฒ ๊ฐ๋ค..
์ค๋๋ง์ ๊ณต๋ถ๋ฅผ ํ ๋ ๋ด๊ฐ ์ด๊ฑธ ์ง๊ธ๋ ๊ธฐ์ต ๋ชปํ๋๋ฐ, ์ดํ์ ๊ธฐ์ตํ ์ ์๊ฒ ํด์ฃผ๋๊ฒ
๋ด ๋ฅ๋ ฅ์ด ์๋ ๋ณต์ต์ด๋ผ๋ ๊ฑธ ์๋ฉด ๋งค๋ฒ ๊ณต๋ถํ ๋๋ง๋ค ๋ณต์ต์ ๋์น ์๊ฐ ์๋ค..
๊ทธ๋ฐ ์๋ฏธ์์ ์ง๊ธ ํ๊ณ ์๋ ๋ฐ๋๋ผ JS ๊ฐ์์ ๋ํ ์ง๋ ๊ณต๋ถ๋ฅผ ๋ณต์ตํด๋ณด๋ ค ํ๋ค.
#2.
<๋ฐ์ดํฐ ํ์ ๋ณต์ต>
const ๋ณ์ - ์ดํ ๋ณ์ ๋ณ๊ฒฝ ๋ถ๊ฐ ; ์ด๊ฒ์ ๋ฉ์ธ์ผ๋ก ์ฌ์ฉ
let - ๋ณ๊ฒฝ ๊ฐ๋ฅ - ๊ฐ๋ ์ฌ์ฉ
(var - ์๋ ์ฝ๋, ๊ตฌ๋ถํ ์ ์๊ธฐ ๋๋ฌธ์ ์ฌ์ฉ ์ง์ )
list -> ๋๊ฐ์ด [ ] ์ฌ์ฉ, ๋ค์ํ ๋ฐ์ดํฐํ์ ์ ํ๋ฒ์ ๋ฃ์ ์ ์์ (์ด๊ฒ ํนํ ํน์ด)
-> ๋น์ฐํ ์๋ก ํญ๋ชฉ ์ถ๊ฐ ๊ฐ๋ฅ
<๋ณต์ต>
object ์ ์ ; ๊ฐ์ฒด ์ ์ - ๊ฐ์ฒด๊ฐ ๊ฐ์ง๋ ์์ฑ์ ๋ค์ key-value ํ์
array ๋ณต์ต ; ์ด์ ๋ฐฐ์ด ๊ฐ๋
๊ณผ ๋์ผ
function --- () {} ๋ก ์ง์ ์ฌ์ฉ์ ์ง์ ํจ์๋ฅผ ๋ง๋ค ์ ์์, ๋งค๊ฐ๋ณ์๋ ์์
-> ๊ฐ์๊ฐ ๋ง์ง ์์ผ๋ฉด ๋ฐ์ ์ ์๋ ์ต๋ํ์ ๋งค๊ฐ๋ณ์๋ง ๋ฐ์์ ํจ์๋ฅผ ์คํํจ
alert ํจ์ - ๋ธ๋ผ์ฐ์ ์ ์๋ฆผ ์ฐฝ ๋์ฐ๊ธฐ
console.log - js์์ ๋ง์ด ์ฐ์ด๋ ํจ์, ๊ฒฐ๊ณผ๋ฅผ ์ฝ์์ ๋์์ค
<๋ณต์ต>
return : ๋ง๊ณ ์ฃผ์ค๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๋์ฅ๊ณ ์์ ๋ง๊ณ ๊บผ๋ด๊ธฐ์ ๊ฐ์
== : ๊ฐ๋ง์ ๋น๊ต(๊ฐ์ ํ ๋น)
===: ๊ฐ๊ณผ ์ ํ ๋น๊ต (๊ฐ์์ง ํ์ธ)
!== : ๊ฐ์ง ์์์ ๋น๊ต
'Web' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
JS๋ก ๊ทธ๋ฆผ ๊ทธ๋ฆฌ๊ธฐ rect/fill/fillRect/beginPath/fillStyle/moveTo/lineTo/arc ํจ์ (0) | 2022.08.27 |
---|