๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Web

JS ๊ฐ•์˜ ๋ณต์Šต [1] #2๋‹จ์›

by hyerong 2022. 6. 13.

๋ณต์Šต์˜ ์ค‘์š”์„ฑ์€ ์ •๋ง ๊ณต๋ถ€๋ฅผ ํ• ๋•Œ๋งˆ๋‹ค ๋Š๋ผ๋Š” ๊ฒƒ ๊ฐ™๋‹ค.. 

์˜ค๋žœ๋งŒ์— ๊ณต๋ถ€๋ฅผ ํ• ๋•Œ ๋‚ด๊ฐ€ ์ด๊ฑธ ์ง€๊ธˆ๋„ ๊ธฐ์–ต ๋ชปํ•˜๋Š”๋ฐ, ์ดํ›„์— ๊ธฐ์–ตํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š”๊ฒŒ

๋‚ด ๋Šฅ๋ ฅ์ด ์•„๋‹Œ ๋ณต์Šต์ด๋ผ๋Š” ๊ฑธ ์•Œ๋ฉด ๋งค๋ฒˆ ๊ณต๋ถ€ํ• ๋•Œ๋งˆ๋‹ค ๋ณต์Šต์„ ๋†“์น ์ˆ˜๊ฐ€ ์—†๋‹ค..

๊ทธ๋Ÿฐ ์˜๋ฏธ์—์„œ ์ง€๊ธˆ ํ•˜๊ณ  ์žˆ๋Š” ๋ฐ”๋‹๋ผ 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