๋ชฉ๋ก2022/01/22 (5)

whatisthis?

javaScript. ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ(OOP)

๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ(OOP) ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ์„ ๋ช…๋ น์–ด์˜ ๋ชฉ๋ก์œผ๋กœ ๋ณด๋Š” ์‹œ๊ฐ์—์„œ ๋ฒ—์–ด๋‚˜ ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๋…๋ฆฝ๋œ ๋‹จ์œ„, ์ฆ‰ "๊ฐ์ฒด"๋“ค์˜ ๋ชจ์ž„์œผ๋กœ ํŒŒ์•…ํ•˜๊ณ ์ž ํ•˜๋Š” ๊ฒƒ. ๊ฐ๊ฐ์˜ ๊ฐ์ฒด๋Š” ๋ฉ”์‹œ์ง€๋ฅผ ์ฃผ๊ณ ๋ฐ›๊ณ , ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. - ์œ ์—ฐํ•˜๊ณ  ๋ณ€๊ฒฝ์ด ์‰ฌ์›€ >> ๋Œ€๊ทœ๋ชจ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์— ์‚ฌ์šฉ. - ๊ฐœ๋ฐœ, ๋ณด์ˆ˜ ์šฉ์ด / ์ง๊ด€์ ์ธ ์ฝ”๋“œ ๋ถ„์„ ๊ฐ€๋Šฅ. ๐Ÿ“Œ ์ƒ์„ฑ์ž (Constructor) - new ์—ฐ์‚ฐ์ž๋ฅผ ๋ถ™์ด๊ณ  ๊ฐ์ฒด๋ฅผ ํ•จ์ˆ˜์ฒ˜๋Ÿผ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ. - ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—๋Š” class๊ฐ€ ์—†์œผ๋ฏ€๋กœ ๊ทธ ์—ญํ• ์„ ๋Œ€์‹ ํ•จ. - ์ƒ์„ฑ์žํ•จ์ˆ˜๋Š” ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ - this๋Š” ์ƒ์„ฑ์ž ํ•จ์ˆ˜ ์ž์‹ ์„ ๊ฐ€๋ฆฌํ‚ด. >> new๋กœ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค ๋•Œ ๊ทธ ๊ฐ์ฒด์— ์ ์šฉ๋จ function Person(name, gender) { // ์ƒ์„ฑ์žํ•จ์ˆ˜ (๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘) this.na..

WEB STUDY/JAVASCRIPT 2022. 1. 22. 13:58
javaScript. ํด๋ž˜์Šค vs ํ”„๋กœํ† ํƒ€์ž… ( โ–ช ์ƒ์„ฑ์ž )

์ƒ์„ฑ์ž(constructor) Date๊ฐ์ฒด๋ฅผ new Date()๋กœ ๋งŒ๋“ค๋“ฏ์ด, new๋ฅผ ๋ถ™์ด๊ณ  ๊ฐ์ฒด๋ฅผ ํ•จ์ˆ˜์ฒ˜๋Ÿผ ํ˜ธ์ถœ ํ•˜๋Š” ๊ฒƒ์ด ๋ฐ”๋กœ ์ƒ์„ฑ์ž ํ•จ์ˆ˜์ด๋‹ค. - ๋‹ค๋ฅธ ์–ธ์–ด์—์„œ๋Š” class(ํด๋ž˜์Šค)๊ฐ€ ์กด์žฌํ•˜์ง€๋งŒ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ์กด์žฌํ•˜์ง€ ์•Š์Œ. - ES2015 ์—์„œ ํด๋ž˜์Šค๊ฐ€ ์ตœ์ดˆ๋กœ ๋“ฑ์žฅํ–ˆ์ง€๋งŒ, ๋‹ค๋ฅธ ์–ธ์–ด์™€๋Š” ๋‹ค๋ฆ„. (๊ฒ‰๋งŒ ํด๋ž˜์Šค์ธ ๋Š๋‚Œ. ๊ทธ๋Œ€๋กœ ํ”„๋กœํ† ํƒ€์ž…์„ ๋”ฐ๋ฆ„) โ• ํด๋ž˜์Šค vs ํ”„๋กœํ† ํƒ€์ž… ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—๋Š” ํด๋ž˜์Šค๋ผ๋Š” ๊ฐœ๋…์ด ์—†๊ณ , ๊ธฐ์กด์˜ ๊ฐ์ฒด๋ฅผ ๋ณต์‚ฌ(cloning)ํ•˜์—ฌ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜์˜ ์–ธ์–ด์ด๋‹ค. - ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ์–ธ์–ด๋Š” ๊ฐ์ฒด์˜ ์›ํ˜•์ธ ํ”„๋กœํ† ํƒ€์ž…์„ ์ด์šฉํ•˜์—ฌ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•จ. - ๊ทธ๋ ‡๊ฒŒ ์ƒ์„ฑ๋œ ๊ฐ์ฒด ์—ญ์‹œ ๋˜ ๋‹ค๋ฅธ ๊ฐ์ฒด์˜ ์›ํ˜•์ด ๋  ์ˆ˜ ์žˆ์Œ. ๐Ÿ“Œ ํ”„๋กœํ† ํƒ€์ž… 1) ํ”„๋กœํ† ํƒ€์ž… ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐํ•˜..

WEB STUDY/JAVASCRIPT 2022. 1. 22. 13:05
javaScript. (7) ๋ฌธ์ž์—ด

๋ฌธ์ž์—ด(String) - ์ž‘์€๋”ฐ์˜ดํ‘œ('') ๋˜๋Š” ํฐ๋”ฐ์˜ดํ‘œ("") - ๋ฐฑํ‹ฑ๊ธฐํ˜ธ (``) + ํ…œํ”Œ๋ฆฟ ${} - ๋ฌธ์ž์—ด๋„ ๊ฐ์ฒด์ด๋‹ค. new String() /// object - ์ฝ˜์†”์— new String()์ด๋ผ๊ณ  ์น˜๋ฉด ์–ด๋–ค ๊ฐ์ฒด๊ฐ€ ๋‚˜์˜จ๋‹ค. - ๋ฌธ์ž์—ด์€ ๊ฐ์ฒด์ด๊ธฐ ๋•Œ๋ฌธ์— (์ •ํ™•ํžˆ๋Š”, ์›์‹œ ๋ž˜ํผ) ๋ฉ”์†Œ๋“œ๊ฐ€ ์กด์žฌํ•œ๋‹ค. ๐Ÿ“Œ ๋ฌธ์ž์—ด์—์„œ ์ค„๋ฐ”๊ฟˆํ•˜๋Š” ๋ฐฉ๋ฒ• >> ์•„๋ฌด๋ฆฌ ๋ฌธ์ž์—ด์ด ๊ธธ๋”๋ผ๋„ '\n'์„ ๋„ฃ์–ด์ฃผ์ง€ ์•Š์œผ๋ฉด ํ•œ ์ค„๋กœ ์ธ์‹๋จ. ์—ฌ๊ธฐ์„œ, '\n'์„ ๊ฐœํ–‰๋ฌธ์ž๋ผ๊ณ  ํ•œ๋‹ค. (=ํƒˆ์ถœ๋ฌธ์ž) ๊ณต๋ฐฑ๋ฌธ์ž NBSP (Non-Breaking Space) ์ค„๋ฐ”๊ฟˆ ์—†๋Š” ๊ณต๋ฐฑ - ์ค„๋ฐ”๊ฟˆ ๋ฐฉ์ง€๋ฅผ ์œ„ํ•ด ํƒˆ์ถœ๋ฌธ์ž(๊ฐœํ–‰๋ฌธ์ž) Line Feed(LF) \n / ๋‹ค์Œ ์ค„๋กœ ๋„˜์–ด๊ฐ Carriage Return(CR) \r / ์ปค์„œ๊ฐ€ ์ฒซ ๋ฌธ์ž๋กœ ๋Œ์•„๊ฐ ๊ฐœํ–‰๋ฌธ..

WEB STUDY/JAVASCRIPT 2022. 1. 22. 11:16