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

JS32

[JavaScript ๋ฌธ๋ฒ•] : 'Class' ์™€ 'setter', 'getter' ์‚ฌ์šฉ ๋ฐ ์˜ค๋ฅ˜ํ•ด๊ฒฐ ์˜ค๋Š˜์˜ ์ฃผ์ œ class getter setter ์‹œ์ž‘ ! ๊ตฌ๊ธ€๋งํ•ด์„œ ๊ฐ€์ ธ์˜จ ์ž์ „๊ฑฐ ์‚ฌ์ง„์„ ์˜ˆ์‹œ๋กœ, Class ๋ฌธ๋ฒ•์„ ์ด์šฉํ•ด ์ž์ „๊ฑฐ๋ผ๋Š” Instance(= ๊ฒฐ๊ณผ๋ฌผ)๋ฅผ ๋งŒ๋“ค์–ด๋ณด์ž. โ€‹ * Class๋ž€? : ํ•˜๋‚˜์˜ ์ž์ „๊ฑฐ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ '์„ค๊ณ„๋„'. โ€‹ ์ž์ „๊ฑฐ ์„ค๊ณ„๋„๋ฅผ ๋„๋ฉด์ด๋ผ๋Š” '์ข…์ด'์— ๊ทธ๋ฆฐ๋‹ค๋ฉด? ํ”„๋กœ๊ทธ๋žจ์—์„œ๋Š” 'constructor'๋ผ๋Š” ์ƒ์„ฑ์ž ํ•จ์ˆ˜์— ๊ฐ’๋“ค์„ ์ถ”๊ฐ€ํ•ด๊ฐ€๋ฉด์„œ ๋งŒ๋“ฆ ! ์„ค๊ณ„๋„์˜ '์ข…์ด' = Constructor (= ์ƒ์„ฑ์ž ํ•จ์ˆ˜) ์ด์ œ ๊ทธ๋Ÿผ constructor๋กœ ์ž์ „๊ฑฐ๋ฅผ ๋งŒ๋“ค์ž. 1. Class๋กœ ๋ญ˜ ๋งŒ๋“ค์ง€ ์ง€์ •ํ•œ๋‹ค. class Bicycle {} ๋‚œ ์ž์ „๊ฑฐ๋‹ˆ๊นŒ Bicycle !! 2. {}์•ˆ์— ์ด ์ž์ „๊ฑฐ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์„ค๊ณ„๋„์˜ '์ข…์ด'์—ญํ•  constructor(= ์ƒ์„ฑ์ž ํ•จ์ˆ˜) ๋ฅผ ๋„ฃ์–ด์ค€๋‹ค... 2023. 5. 25.
<TIL> / CSS์™€ JavaScript์˜ ์ฐจ์ด ๋ฐ fetch์™€ ํ•ด์„ ์ด ๊ธ€์€ ์Šค์Šค๋กœ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ์ƒ๊ธฐ์‹œํ‚ค๊ณ ์ž ์ž‘์„ฑํ•˜๋Š” ๊ธ€์ด๋ฏ€๋กœ, ํ˜น์—ฌ๋‚˜ ์ฝ”๋“œ๋‚˜ ์ •์˜๊ฐ€ ์ž˜๋ชป ์–ธ๊ธ‰๋œ ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด, ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. HTML : ๋ผˆ๋Œ€ CSS : ๊พธ๋ฏธ๊ธฐ JavaScript : ์›€์ง์ด๊ธฐ HTML์€ ๋‚ด ์ƒ์— ์ตœ๊ณ ์˜ ์˜ํ™”๋“ค ํ˜„์žฌ ์„œ์šธ์˜ ๋‚ ์”จ : 20๋„ ์˜ํ™” ๊ธฐ๋ก ๋ฒ„ํŠผ ์˜ํ™” URL ๋ณ„ ์  --โญ์„ ํƒโญ-- โญ โญโญ โญโญโญ โญโญโญโญ โญโญโญโญโญ ์ฝ”๋ฉ˜ํŠธ ๋‚จ๊ฒจ์ฃผ์„ธ์š”. ๊ธฐ๋ก ๋‹ซ๊ธฐ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์œ„ ์ „์ฒด์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด CSS๋Š” HTML์˜ ๊ตฌ์„ฑ์š”์†Œ์ธ ์ง€์นญํ•œ ๋Œ€์ƒ์ด (๊พธ๋ฉฐ์ค˜์•ผ ํ•  ๋Œ€์ƒ์ด) div(๊ตฌ์—ญ) ์ด๋ผ๋ฉด ? 1. background-color ๋ถ€ํ„ฐ ๋ณ€๊ฒฝ (๋ฐ•์Šค์˜ ๋ฒ”์œ„๋ฅผ ์•Œ๊ธฐ ์œ„.. 2023. 5. 17.