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

JavaScript

(10)
JavaScript (ES6) - class ์™€ object ๊ฐ์ฒด์ง€ํ–ฅํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธ€์„ ์ž‘์„ฑํ•˜๊ธฐ์— ์•ž์„œ ์ด ๊ฒŒ์‹œ๊ธ€์˜ ์ง€์‹์€ ์œ ํŠœ๋ธŒ ๋“œ๋ฆผ์ฝ”๋”ฉ by ์—˜๋ฆฌ๋‹˜์˜ ๋™์˜์ƒ์ด ์ถœ์ฒ˜์ž„์„ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค. https://www.youtube.com/watch?v=1Lbr29tzAA8&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=7 Class์™€ Object ๊ฐœ๋… ์ •๋ฆฌ Java๋ฅผ ๋ฐฐ์šฐ๋ฉด์„œ ๊ฐ์ฒด์ง€ํ–ฅ์— ๋Œ€ํ•ด ์กฐ๊ธˆ์ด๋‚˜๋งˆ ๋ฐฐ์šด ์ ์ด ์žˆ๋Š”๋ฐ ์ด๋ฒˆ์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šฐ๋ฉด์„œ ๋‹ค์‹œ ํ•œ๋ฒˆ ์ •๋ฆฌํ•  ํ•„์š”์„ฑ์ด ์žˆ๋‹ค๊ณ  ๋А๊ปด์กŒ๋‹ค โ€‹ class ๋ž€ ์ƒ์„ฑํ•˜๊ณ ์ž ํ•˜๋Š” ๋ฌผ์ฒด์˜ ์ข…๋ฅ˜ ๋˜๋Š” ํ‹€์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ํŽธํ•˜๊ฒ ๋‹ค class person { name; age; spaek(); ] ์œ„๋Š” person ์ด๋ผ๋Š” ํด๋ž˜์Šค๋ฅผ ๋งŒ๋“ค์—ˆ๋Š”๋ฐ ์‚ฌ๋žŒ์€ ์ด๋ฆ„๊ณผ ๋‚˜์ด๋ผ๋Š” ํ”„๋กœํผํ‹ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  spaek() function์ด ์žˆ..
JavaScript (ES6) - ํ•จ์ˆ˜์˜ ์„ ์–ธ๊ณผ ํ‘œํ˜„ ( Arrow Function ) ๊ธ€์„ ์ž‘์„ฑํ•˜๊ธฐ์— ์•ž์„œ ์ด ๊ฒŒ์‹œ๊ธ€์˜ ์ง€์‹์€ ์œ ํŠœ๋ธŒ ๋“œ๋ฆผ ์ฝ”๋”ฉ by ์—˜๋ฆฌ๋‹˜์˜ ๋™์˜์ƒ์ด ์ถœ์ฒ˜์ž„์„ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค. https://www.youtube.com/watch?v=e_lU39U-5bQ&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=5 ๋ณ€์ˆ˜์˜ ์ด๋ฆ„์€ ๋ช…์‚ฌ ํ•จ์ˆ˜์˜ ์ด๋ฆ„์€ ๋™์‚ฌ๋กœ ์ž‘๋ช…ํ•˜๋Š” ๊ฒƒ์ด ๊ธฐ๋ณธ์ ์ด๋‹ค (ex. do-something) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ Function์€ Object์ด๋‹ค. Function์˜ ์˜ˆ์‹œ function printHello() { console.log('hello'); } printHello(); ์œ„์™€ ๊ฐ™์€ function์„ ์ž‘์„ฑํ•˜๊ฒŒ ๋˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์€ 'hello'๊ฐ€ ์ถœ๋ ฅ์ด ๋œ๋‹ค hello ํ•˜์ง€๋งŒ ์œ„์˜ function์€ ๋งค์šฐ ์“ธ ์ผ์ด ์—†๋‹ค ๋ณดํ†ต ์•„๋ž˜์™€..