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

์ „์ฒด ๊ธ€48

Class์™€ Instance ํ•™์Šต๋ชฉํ‘œ ํด๋ž˜์Šค์™€ ์ธ์Šคํ„ด์Šค๋ผ๋Š” ์šฉ์–ด๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค. new ํ‚ค์›Œ๋“œ์˜ ์‚ฌ์šฉ๋ฒ•์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค. class ํ‚ค์›Œ๋“œ์˜ ์‚ฌ์šฉ๋ฒ•์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค. ํ˜„์‹ค ์„ธ๊ณ„์˜ ๋ชจ๋ธ์„ ๋ฐ”ํƒ•์œผ๋กœ ํด๋ž˜์Šค์˜ ๋ฉ”์„œ๋“œ์™€ ์†์„ฑ์„ ๋””์ž์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŠน์ง•์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค. ์บก์Šํ™” ์ƒ์† ์ถ”์ƒํ™” ๋‹คํ˜•์„ฑ JavaScript์—์„œ ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค. Prototype์ด ๋ฌด์—‡์ธ์ง€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ์ƒ์†(Inheritance)์˜ ๊ฐœ๋…์„ ์ดํ•ดํ•˜๊ณ  ์ฝ”๋“œ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. ์ƒ์†๊ด€๊ณ„๋ฅผ ๊ฐ€์ง„ ํ˜„์‹ค ์„ธ๊ณ„์˜ ๋ชจ๋ธ์„ ์ฝ”๋“œ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. ํด๋ž˜์Šค ์ƒ์†์˜ ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค. Prototype chain์„ ์ดํ•ดํ•˜๊ณ  ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. (__proto__) ๋ฉด์ ‘์— ์ž์ฃผ๋“ฑ์žฅํ•˜๋Š” ๊ฐœ๋…์ด๋ผ๊ณ  ํ•˜๋‹ˆ ์ž˜.. 2022. 1. 22.
์„น์…˜ 2 1์ฃผ์ฐจ ํšŒ๊ณ  ๋„ˆ๋ฌด๋‚˜ ๊ธฐ๋Œ€ํ•˜๋˜ ์„น์…˜2 1์ฃผ์ฐจ๊ฐ€ ๋๋‚œ ์˜ค๋Š˜ ์ง€๋‚œ 5์ผ์„ ๋Œ์•„๋ณด๋ฉฐ ์ ๋Š” ํšŒ๊ณ ๋ก. ์šฐ์„ , ์„น์…˜2 ์ฒซ์ธ์ƒ ๋„ˆ๋ฌด ๊ฐ•๋ ฌํ•˜๋‹ค... ์˜คํ‹ฐ์‹œ๊ฐ„์—๋„ ํฌ๋ฃจ๋‹˜์ด ์ง„์งœ ์–ด๋ ต๋‹ค๊ณ  ํ•˜์…จ์ง€๋งŒ, ๊ฑฐ์ง“๋ง์ด์˜€๋‹ค. ์–ด๋‚˜๋” ๋ ˆ๋ฒจ์˜ ์–ด๋ ค์›€์ด๋‹ค. ์ง€๋‚œ ์„น์…˜1์ด ์–ด๋ ค์›€ ใ… ใ…  ์˜€๋‹ค๋ฉด ์—ฌ๊ธด ์ข€ ๋ถˆ๋ฐ”๋‹ค ๋Š๋‚Œ์ด๋‹ค. ์‚ด๋ ค์ฃผ์„ธ์š”!! ํ–ˆ๋Š”๋ฐ, ๋‹ค ๊ฐ™์ด ์กฐ๋‚œ์ž์ธ ๋Š๋‚Œ... ใ…‹ใ…‹ใ…‹ ํ•˜์ง€๋งŒ ๊ทธ๋งŒํผ ์„ฑ์ทจ๊ฐ๋„ ์—„์ฒญ๋‚˜์„œ ๋ญ”๊ฐ€ ์•Œ๊ฒ ๋‹ค ์‹ถ์œผ๋ฉด ๊ธฐ๋ถ„์ด ๋‚ ์•„๊ฐ„๋‹ค ใ…Žใ…Ž ์„น์…˜ 2 1์ฃผ์ฐจ ํ•˜๋ฉด์„œ ์ข€ ๊ณ ๋ฏผ์ธ ๋ถ€๋ถ„์ด ๋ ˆํผ๋Ÿฐ์Šค์™€ ๊ฒ€์ƒ‰์— ๋Œ€ํ•œ ๋ถ€๋ถ„์ด๋‹ค. ์ฝ”์Šค์— ๋งŽ์€ ์‚ฌ๋žŒ์ด ์ฐธ์—ฌํ•ด์„œ์ธ์ง€ ์ฒซ๊ฒ€์ƒ‰ ์ƒ๋‹จ์— ๊ณผ์ œ๋‚˜ ์ฝ”ํ”Œ๋ฆฟ ๊ด€๋ จ ๋ ˆํฌ๊ฐ€ ๋œฌ๋‹ค.. ์ด๊ฒŒ ์ฒจ์—” ์ •๋ฆฌ ๋œ๊ฑธ ์ฝ์œผ๋ ค ๋“ค์–ด๊ฐ”๋‹ค๊ฐ€ ๋ ˆํฌ๋ฅผ ๋งŒ๋‚˜ ๋ฒ„๋ฆฌ๋‹ˆ๊นŒ, ๊ทผ๋ฐ ๋‚˜๋Š” ๋˜ ์•ˆํ’€๋ฆฌ๋Š”์ค‘์ด๋‹ˆ๊นŒ ์Šฌ์ฉ ์ฝ๊ฒŒ ๋œ๋‹ค ใ…œใ…œใ…œใ…œ.. ๊ณต๋ถ€์•ˆ๋˜๋ฉด ์–ด์ฉŒ์ง€ ํ•˜๋Š” ๋ถˆ์•ˆ๊ฐ์ด .. 2022. 1. 22.
Array์™€ Object์˜ ๊ฐ’ ์‚ฌ์šฉํ•˜๊ธฐ ํ•™์Šต๋ชฉํ‘œ ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•˜๊ณ  ์ถ”๊ฐ€ํ•˜๊ณ  ์‚ญ์ œํ•˜๊ณ  ์ˆ˜์ •ํ• ์ˆ˜์žˆ๋‹ค. ๋ฐฐ์—ด์—์„œ ํ™œ์šฉํ•  ๋ฉ”์„œ๋“œ๋ฅผ ๋– ์˜ฌ๋ฆด์ˆ˜์žˆ๋‹ค. ๊ฐ์ฒด์—์„œ ํ‚ค์™€ ๊ฐ’์„ ์Œ ํ˜น์€ ๊ฐœ๋ณ„์ ์œผ๋กœ ์ƒ์„ฑ, ์ถ”๊ฐ€, ์‚ญ์ œ, ์ˆ˜์ • ํ• ์ˆ˜์žˆ๋‹ค. ๊ฐ์ฒด์—์„œ ํ™œ์šฉํ•  ๋ฉ”์„œ๋“œ๋ฅผ ๋– ์˜ฌ๋ฆด์ˆ˜์žˆ๋‹ค. ๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ๊ฐ์ฒด๋ฅผ ์กฐํšŒํ•˜๋Š”๊ฒƒ์„ ์„ค๋ช…ํ• ์ˆ˜์žˆ๋‹ค. ๋ฐฐ์—ด ๋ฐฐ์—ด์˜ ๊ฐ’ = ์š”์†Œ(Element) ์ˆœ์„œ = Index(0๋ถ€ํ„ฐ ์‹œ์ž‘) ๋ฐฐ์—ด.length๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฐฐ์—ด์† ์š”์†Œ์˜ ๊ฐฏ์ˆ˜๋ฅผ ์•Œ์ˆ˜์žˆ๋‹ค. [๋Œ€๊ด„ํ˜ธ๋ฅผ ์ด์šฉํ•ด๋งŒ๋“ค๊ณ  ๊ฐ๊ฐ์˜ ์›์†Œ๋Š” ,๋ฅผ ์ด์šฉํ•ด ๊ตฌ๋ถ„ํ•œ๋‹ค.] ์—†๋Š” ์š”์†Œ๋ฅผ ์กฐํšŒํ•˜๋ฉด undefined๋ฅผ ์ถœ๋ ฅํ•œ๋‹ค. ๋ฐฐ์—ด ํ™œ์šฉ Method ๋ฐฐ์—ด์˜ํƒ€์ž…์„ ํ™•์ธํ•˜๋Š” ๋ฒ• typeOf ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด object๊ฐ€ ์ถœ๋ ฅ๋˜์–ด ๊ฐ์ฒด์™€ ๊ตฌ๋ถ„ํ• ์ˆ˜์—†์Œ. Array.isArray(ํ™•์ธํ•  ์š”์†Œ) //boolean๊ฐ’์œผ๋กœ ๋ฆฌํ„ดํ•จ(If๋ฌธ์— ๋ฐ”๋กœ ์ .. 2022. 1. 16.
SEB 37๊ธฐ ์„น์…˜1 ํšŒ๊ณ ๋ก ๋“œ๋””์–ด ์…ค๋๋‚ฌ๋‹ค!ใ…‹ใ…‹ 2ํšŒ์ฐจ ์„น์…˜1์„ ๋ฌด์‚ฌํžˆ ๋๋‚ด๊ณ  ์นœ๊ตฌ๋งŒ๋‚˜์„œ ์ €๋…๋„ ๋จน๊ณ , ๋ฏธ๋ค„๋†จ๋˜ ๋จธ๋ฆฌ๋„ ํ•˜๊ณ  ์ž˜๋จน๊ณ  ์ž˜์žค๋‹ค. ์ด์ œ ํŽธ์•ˆํ•œ ๋งˆ์Œ์œผ๋กœ ์„น์…˜1 ํšŒ๊ณ ๋ก์„ ์„ธ๊ฐ€์ง€ ์ •๋„ ์ฃผ์ œ๋กœ ์ ์–ด๋ณด๋ คํ•œ๋‹คใ…Žใ…Ž -HAํ›„๊ธฐ -์„น์…˜1 ๋Š๋‚€์  -์•ž์œผ๋กœ์˜ ๋ฐฉํ–ฅ ๋ ˆ์“ฐ๊ณ ๐Ÿ˜† - HAํ›„๊ธฐ ๊ณผ์ œํ˜•๊ณผ ์ฝ”ํ”Œ๋ฆฟ ๊ทธ๋ฆฌ๊ณ  ์ด๋ฒˆ ๋ถ€ํ„ฐ ์ถ”๊ฐ€๋œ ํ€ด์ฆˆ ๋ถ€๋ถ„๊นŒ์ง€ 3๊ฐ€์ง€ ์œ ํ˜•์œผ๋กœ ์ง„ํ–‰๋˜์—ˆ๋Š”๋ฐ, ๊ณผ์ œํ˜•์€ ์ฒซ๋‚  ์ฝ”ํ”Œ๋ฆฟ๊ณผ ํ€ด์ฆˆ๋Š” ๋‘˜์จ‹๋‚  ์ง„ํ–‰๋˜์—ˆ๋‹ค. ์ด๋ฒˆ HA๋Š” ์ด์Šˆ๊ฐ€ ์ค‘๊ฐ„์ค‘๊ฐ„ ์žˆ์—ˆ์–ด์„œ ์‚ฌ์•Œ์ง ๋‹นํ™ฉ์Šค๋Ÿฌ์šธ๋ป” ํ–ˆ์ง€๋งŒ ๋™๊ธฐ๋“ค์˜ ํ™”๋ ฅ๊ณผ ใ…‹ใ…‹ใ…‹ ํฌ๋ฃจ๋‹˜๋“ค์˜ ์ ˆ๋Œ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ์‹œํ—˜์„ ๋ง์น˜์ง€ ์•Š๊ฒ ์–ด์š” ํ•˜๋Š” ๊ฐ•๋ ฅํ•œ ์˜์ง€์˜ ์ฝœ๋ผ๋ณด๋กœ ๋ฌด๋‚œํžˆ ์ž˜ ํ•ด๊ฒฐ๋˜์—ˆ๊ณ  ์‹ค์ œ ์‹œํ—˜์น ๋•Œ์—๋Š” ํฐ๋ฌธ์ œ๊ฐ€ ์—†์—ˆ๋‹ค. (๋Š˜ ๋ฌธ์ œ๋Š” ๋‚ด ์‹ค๋ ฅ ์•„๋‹ˆ๊ฒ ์–ด....?) ์šฐ์„  HA์˜ ๋‚œ์ด๋„๋Š” ๋น„์ „๊ณต์ž์ด๊ณ  ๋ถ€ํŠธ์บ ํ”„๋กœ ์ฒ˜์Œ ์ฝ”๋”ฉ์„ ์ œ๋Œ€.. 2022. 1. 15.
[์„น์…˜ 1] 3์ฃผ์ฐจ ํšŒ๊ณ  ์ฝ”๋“œ์Šคํ…Œ์ด์ธ ๋ฅผ 11์›” 8์ผ์— ์‹œ์ž‘ํ–ˆ์œผ๋‹ˆ ๋ฒŒ์จ ๋‘๋‹ฌ์ด ๋˜์—ˆ๋‹ค. ์ฒ˜์Œ์˜ ๋‚˜์™€ ์–ด๋–ค๊ฒƒ์ด ๋‹ฌ๋ผ์กŒ์„๊นŒ ์„ธ๊ฐ€์ง€์ •๋„ ์ ์–ด๋‘๋ ค๊ณ  ํ•œ๋‹ค. 1. ์ง€์‹ 2. ๊ณต๋ถ€๋ฐฉ๋ฒ• 3. ๋งˆ์Œ๊ฐ€์ง ์ง€์‹ ๋จผ์ € ์ง€์‹ ๋ถ€๋ถ„์€ ์‹œ์ž‘ํ•˜๋ฉด์„œ ๊ฐ€์žฅ ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋˜๋ถ€๋ถ„์ด๋‹ค. ๋ถ€์บ ํ•˜๋ฉฐ ๊ฐœ๋ฐœ์ง€์‹์ด ๊ต‰์žฅํžˆ ๋งŽ์ด ๋น ๋ฅด๊ฒŒ ์Ÿ์•„์ ธ ๋“ค์–ด์˜ฌ๊ฒƒ์ด๊ณ , ๋‹ค ๊ฐ๋‹นํ•ด์•ผํ•˜๊ธฐ์— ๊ธด์žฅ๋„ ๋งŽ์ด๋ซ์ง€๋งŒ, ์„ฑ์žฅํ•  ๋‚ด๋ชจ์Šต์— ๋Œ€ํ•ด ๋งŽ์€ ๊ธฐ๋Œ€๋„ ๋˜์—ˆ๋‹ค. ์‹ค์ œ๋กœ๋„ ์ •๋ง ๋น ๋ฅด๊ฒŒ ๋Š˜์—ˆ๋‹ค๋Š”๊ฒƒ์ด ๋Š๊ปด์ง„๋‹ค.์›Œ๋‚™ ์—ฌ์œ ๋กœ์šด ์„ฑ๊ฒฉ์ธ๋ฐ ๋ชฐ์•„ ๋ถ™์ด๋‹ˆ ์‰ด์ƒˆ์—†์ด ์„น์…˜1 1ํšŒ์ฐจ๋ฅผ ์ง„ํ–‰ํ–ˆ์—ˆ๋‹ค. ์ฝ”๋“œ๋ฅผ ์ ์ง€๋„ ๋ชปํ•˜๋˜ ๋‚ด๊ฐ€ ๋กœ์ง์„ ๊ณ ๋ฏผํ•˜๊ณ  ์ˆ˜๋„์ฝ”๋“œ๋ฅผ ์ ์œผ๋ฉฐ ํ•œ์ค„์”ฉ ์ฑ„์›Œ๋‚˜๊ฐˆ ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ด ๋„ˆ๋ฌด ์‹ ๊ธฐํ–ˆ๋‹ค. ๊ทธ๋Ÿผ 2ํšŒ์ฐจ๋ฅผ ํ•˜๊ณ ์žˆ๋Š” ์‹œ์ ์—์„œ 1ํšŒ์ฐจ๋ณด๋‹ค ํ›จ์”ฌ๋งŽ์ด ๋Š˜์—ˆ๋‚˜? ๊ทธ๊ฑด ์•„๋‹ˆ๋‹ค ์ง€๊ธˆ์ด๋ผ๋„ ์•Œ์•„์„œ ๋‹คํ–‰์ด์ง€๋งŒ ๊ฐœ๋ฐœ์ง€์‹์€ ๋ฐฉ๋Œ€.. 2022. 1. 6.
3W_JS_ํด๋กœ์ €ํ•จ์ˆ˜ ํ•™์Šต๋ชฉํ‘œ ํด๋กœ์ € ํ•จ์ˆ˜์˜ ์ •์˜์™€ ํŠน์ง•์— ๋Œ€ํ•ด์„œ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค 1. ํ•จ์ˆ˜์˜ ๋ฆฌํ„ด๋ฌธ์ด ํ•จ์ˆ˜์ธ ํ˜•ํƒœ(์™ธ๋ถ€ํ•จ์ˆ˜ ๋ณ€์ˆ˜์— ์ ‘๊ทผ๊ฐ€๋Šฅํ•œ ๋‚ด๋ถ€ํ•จ์ˆ˜) 2. ๋‚ด๋ถ€ํ•จ์ˆ˜๋Š” ์™ธ๋ถ€ํ•จ์ˆ˜์— ์„ ์–ธ๋œ ๋ณ€์ˆ˜์— ์ ‘๊ทผ๊ฐ€๋Šฅํ•˜๋‹ค. 3. ํ•จ์ˆ˜์‹คํ–‰์ด ๋๋‚˜๋„ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์กดํ•œ๋‹ค.(ํŠน์ •๋ฐ์ดํ„ฐ๋ฅผ ์Šค์ฝ”ํ”„์•ˆ์— ๊ฐ€๋‘ฌ๋‘๊ณ  ๊ณ„์† ์‚ฌ์šฉํ• ์ˆ˜์žˆ๊ฒŒ ํ•œ๋‹ค) 4. ์ •๋ณด์˜ ์ ‘๊ทผ ์ œํ•œ ํด๋กœ์ €๊ฐ€ ๊ฐ–๋Š” ์Šค์ฝ”ํ”„ ๋ฒ”์œ„๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค(์™ธ๋ณ€์ ‘๋‚ด!!!!!!) ํด๋กœ์ €๋ฅผ ์ด์šฉํ•ด ์œ ์šฉํ•˜๊ฒŒ ์“ฐ์ด๋Š” ๋ช‡ ๊ฐ€์ง€ ์ฝ”๋”ฉ ํŒจํ„ด์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค ๋ฐœ๊ฒฌํ•œ๊ฒƒ ํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜์™€ ์ „๋‹ฌ์ธ์ž์˜ ์œ ๋ฌด / ์„ ์–ธ์˜ ์œ ๋ฌด์— ๋”ฐ๋ผ ๊ฐ’์ด๋‹ฌ๋ผ์ง„๋‹ค ๋Š๋‚€์  ์‹ค์ œ ํ™œ์šฉ๋ฌธ์— ๋งŽ์ด ์ ์šฉํ•ด๋ด์•ผ๊ฒ ๋‹ค. ์˜ˆ์ œ๋ฅผ ์˜ค๋‹ต๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋ฉด์„œ ๋‹ค์‹œ ๋ด์•ผ๊ฒ ๋‹ค. ๋‹ค์Œ ๊ณต๋ถ€๋ฐฉํ–ฅ ํด๋กœ์ €์™€ ์Šค์ฝ”ํ”„๋ฅผ ์ด์šฉํ•ด ์–ด๋–ค ๋กœ์ง์„ ์งค์ˆ˜์žˆ์„์ง€ ๊ถ๊ธˆํ•˜๋‹ค. 2021. 12. 29.