Web2 JS๋ก ๊ทธ๋ฆผ ๊ทธ๋ฆฌ๊ธฐ rect/fill/fillRect/beginPath/fillStyle/moveTo/lineTo/arc ํจ์ rect : ์ฌ๊ฐํ์ ์ ์ผ๋ก ๊ทธ๋ฆฌ๋ ํจ์. ์ ํจ์์ ํ์ํ argument๋ก๋ ์์๋๋ก x์ขํ, y์ขํ, ์ํ๋ x์ ๊ธธ์ด, ์ํ๋ y์ ๊ธธ์ด fill : ์ ์ผ๋ก ๋ง๋ค์ด์ง ์์ญ(๋ํ)์ ์(๊ธฐ๋ณธ black)์ผ๋ก ์ฑ์ฐ๋ ํจ์ fillRect : ์ ๊ณผ ์ฑ์ฐ๊ธฐ ํจ์ rect,fill์ ํ๋ฒ์ ํ ์ ์๊ฒ ํ๋ฒ์ ์ฑ์์ง ๋ํ์ ๊ทธ๋ฆฌ๋ ํจ์. ํ์ํ argument๋ ์์ํ x์ขํ,y์ขํ , ์ฑ์ธ๋งํผ์ x์ขํ, y์ขํ beginPath : ์๋ก์ด ์/์คํ์ผ์ ์ ํ๊ณ ์ถ์๋ path๋ฅผ ์๋ก ์ง์ ํด์ฃผ๊ธฐ ์ํด ํธ์ถํ๋ ํจ์ fillStyle : ์์ผ๋ก ์ฑ์ธ๋ ์ํ๋ ์์ ์ ๋ ฅ moveTo: ๋ง์ฐ์ค ์ปค์์ ์์น๋ฅผ ๋ค์ ์ ๋ ฅํ๊ณ ์ถ์๋ ์ฌ์ฉ. ์ ํจ์์ ํ์ํ argument๋ก๋ ์์๋๋ก ์ด๋ํ๊ณ ์ถ์ x์ขํ ์์น (์ซ.. 2022. 8. 27. JS ๊ฐ์ ๋ณต์ต [1] #2๋จ์ ๋ณต์ต์ ์ค์์ฑ์ ์ ๋ง ๊ณต๋ถ๋ฅผ ํ ๋๋ง๋ค ๋๋ผ๋ ๊ฒ ๊ฐ๋ค.. ์ค๋๋ง์ ๊ณต๋ถ๋ฅผ ํ ๋ ๋ด๊ฐ ์ด๊ฑธ ์ง๊ธ๋ ๊ธฐ์ต ๋ชปํ๋๋ฐ, ์ดํ์ ๊ธฐ์ตํ ์ ์๊ฒ ํด์ฃผ๋๊ฒ ๋ด ๋ฅ๋ ฅ์ด ์๋ ๋ณต์ต์ด๋ผ๋ ๊ฑธ ์๋ฉด ๋งค๋ฒ ๊ณต๋ถํ ๋๋ง๋ค ๋ณต์ต์ ๋์น ์๊ฐ ์๋ค.. ๊ทธ๋ฐ ์๋ฏธ์์ ์ง๊ธ ํ๊ณ ์๋ ๋ฐ๋๋ผ JS ๊ฐ์์ ๋ํ ์ง๋ ๊ณต๋ถ๋ฅผ ๋ณต์ตํด๋ณด๋ ค ํ๋ค. #2. const ๋ณ์ - ์ดํ ๋ณ์ ๋ณ๊ฒฝ ๋ถ๊ฐ ; ์ด๊ฒ์ ๋ฉ์ธ์ผ๋ก ์ฌ์ฉ let - ๋ณ๊ฒฝ ๊ฐ๋ฅ - ๊ฐ๋ ์ฌ์ฉ (var - ์๋ ์ฝ๋, ๊ตฌ๋ถํ ์ ์๊ธฐ ๋๋ฌธ์ ์ฌ์ฉ ์ง์ ) list -> ๋๊ฐ์ด [ ] ์ฌ์ฉ, ๋ค์ํ ๋ฐ์ดํฐํ์ ์ ํ๋ฒ์ ๋ฃ์ ์ ์์ (์ด๊ฒ ํนํ ํน์ด) -> ๋น์ฐํ ์๋ก ํญ๋ชฉ ์ถ๊ฐ ๊ฐ๋ฅ object ์ ์ ; ๊ฐ์ฒด ์ ์ - ๊ฐ์ฒด๊ฐ ๊ฐ์ง๋ ์์ฑ์ ๋ค์ key-value ํ์ array ๋ณต์ต.. 2022. 6. 13. ์ด์ 1 ๋ค์