[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์ฝœ๋ฐฑ, Promise, async/await
ยท
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ •์„ ๐ŸŸก
โœจ ์„œ๋ก function first() { let value; setTimeout(() => { value = {name: 'max', age: 18}; }, 3000); return value; } console.log(first()); // undefined๋ณ€์ˆ˜ value์— ๊ฐ์ฒด๋ฅผ ํ• ๋‹นํ•˜๊ธฐ ์ „์— ๋ฐ˜ํ™˜ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์—, first() ํ˜ธ์ถœ๋ฌธ์œผ๋กœ ๋ฐ˜ํ™˜๋œ ๊ฐ’์€ undefinedfirst(function (error, value) { if(error) { } else { console.log(value); }})foo? ํ•จ์ˆ˜์˜ ์ธ์ž๋กœ ์ฝœ๋ฐฑํ•จ์ˆ˜ ๋„˜๊ฒจ์ฃผ๊ณ  ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๊ฐ€ ๋๋‚œ ํ›„ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•˜์—ฌ ์ •์ƒ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์˜ด์ฝœ๋ฐฑํ•จ์ˆ˜ ํ˜ธ์ถœ ์‹œ์ ์˜ ๊ถŒํ•œ์ด ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์žˆ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์ œ์–ด๊ถŒ์„ ๋„˜๊ฒจ๋ฐ›์€ ์ฝ”๋“œ์—๊ฒŒ ์žˆ..
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] callback ์ •๋ฆฌ โœจ
ยท
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ •์„ ๐ŸŸก
์ฐธ๊ณ ์ž๋ฃŒ: ์ธํ”„๋Ÿฐ-์ฝ”์–ด์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•™์Šต ํŽ˜์ด์ง€ www.inflearn.com โญ๏ธ ์ฝœ๋ฐฑ(callback)- 'ํšŒ์‹ ํ•˜๋‹ค/๋‹ต์‹ ํ•˜๋‹ค'- ์ œ์–ด๊ถŒ์„ ๋„˜๊ฒจ์ฃผ๋Š” ํ•จ์ˆ˜ ๐Ÿ“š ์ œ์–ด๊ถŒ ์œ„์ž„ํ•˜๋Š” ๊ฒฝ์šฐ ์„ธ ๊ฐ€์ง€- ์‹คํ–‰์‹œ์ - ๋งค๊ฐœ๋ณ€์ˆ˜- this ๐Ÿ“š ์ œ์–ด๊ถŒ ์œ„์ž„- ์‹คํ–‰์‹œ์ setInterval(function(){ console.log('1์ดˆ๋งˆ๋‹ค ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค')}, 1000);- setInterval์€ ์ผ์ • ์‹œ๊ฐ„ ๊ฐ„๊ฒฉ์œผ๋กœ ํ•œ๋ฒˆ์”ฉ ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰์‹œ์ผœ์ฃผ๋Š” ํ•จ์ˆ˜- ์ฃผ๊ธฐํ•จ์ˆ˜ ํ˜ธ์ถœ(์ธ์ž1: ์ฝœ๋ฐฑํ•จ์ˆ˜, ์ธ์ž2: ์ฃผ๊ธฐ); = setInterval(callback, milliseconds)- ์ฝœ๋ฐฑํ•จ์ˆ˜๊ฐ€ ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋˜๋Š” ์‹œ์ ์— setInterval์—๊ฒŒ ์ œ์–ด๊ถŒ์„ ๋„˜๊ฒจ์คŒ์œผ๋กœ์จ ํ•จ์ˆ˜๊ฐ€ ์ผ์ •์‹œ๊ฐ„์ด ์ง€๋‚œ ์‹œ์ ์— ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋จ- ๋งŒ์•ฝ setInterv..
[์ดˆ๊ธ‰ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] arrow function(ํ™”์‚ดํ‘œ ํ•จ์ˆ˜)
ยท
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ •์„ ๐ŸŸก
์ฐธ๊ณ ์ž๋ฃŒ: ์ธํ”„๋Ÿฐ- ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์ดˆ๊ธ‰(es6)[Javascript ES6+ ์ œ๋Œ€๋กœ ์•Œ์•„๋ณด๊ธฐ - ์ดˆ๊ธ‰ - ์ธํ”„๋Ÿฐ | ๊ฐ•์˜ES6+ ์ œ๋Œ€๋กœ ์•Œ์•„๋ณด๊ธฐ ๊ฐ•์ขŒ๋Š” Javascirpt์˜ ES6 ๋ฐ ์ดํ›„์˜ ํ‘œ์ค€ ECMAScript ๋ช…์„ธ์— ๋Œ€ํ•˜์—ฌ ์ด๋ก ์„ ๋ฐ”ํƒ•์œผ๋กœ ES5์™€ ๋‹ฌ๋ผ์ง„ ์  ๋ฐ ๊ฐœ๋…๊ณผ ๋™์ž‘ ์›๋ฆฌ๋ฅผ ๊นŠ์ด ์žˆ๊ฒŒ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค., Javascript ES6+๋Š” ๋ญ๊ฐ€ ๋‹ค๋ฅผ๊นŒ?www.inflearn.com](https://www.inflearn.com/course/ecmascript-6-flow) ๐ŸŸก arrow function- Q. arrow function์„ ์“ฐ๋Š”์ด์œ ๋Š”? A. arrow ํ•จ์ˆ˜ ์•ˆ์—์„œ ๊ฐ™์€ this๋ฅผ ์“ฐ๊ณ  ์‹ถ์„ ๋•Œ? 1) ๊ธฐ๋ณธํ˜•ํƒœlet a = () => new Date()let b = a => a * a..
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] rest ์—ฐ์‚ฐ์ž, spread ์—ฐ์‚ฐ์ž
ยท
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ •์„ ๐ŸŸก
์ฐธ๊ณ ์ž๋ฃŒ: ์ธํ”„๋Ÿฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ดˆ๊ธ‰๊ฐ•์˜ Javascript ES6+ ์ œ๋Œ€๋กœ ์•Œ์•„๋ณด๊ธฐ - ์ดˆ๊ธ‰ - ์ธํ”„๋Ÿฐ | ๊ฐ•์˜ES6+ ์ œ๋Œ€๋กœ ์•Œ์•„๋ณด๊ธฐ ๊ฐ•์ขŒ๋Š” Javascirpt์˜ ES6 ๋ฐ ์ดํ›„์˜ ํ‘œ์ค€ ECMAScript ๋ช…์„ธ์— ๋Œ€ํ•˜์—ฌ ์ด๋ก ์„ ๋ฐ”ํƒ•์œผ๋กœ ES5์™€ ๋‹ฌ๋ผ์ง„ ์  ๋ฐ ๊ฐœ๋…๊ณผ ๋™์ž‘ ์›๋ฆฌ๋ฅผ ๊นŠ์ด ์žˆ๊ฒŒ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค., Javascript ES6+๋Š” ๋ญ๊ฐ€ ๋‹ค๋ฅผ๊นŒ?www.inflearn.com rest parameter : ๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€์ˆ˜const f = function (x, y, ...rest) { console.log(rest)}f(1, 2, true, null, undefined, 10)//๊ฒฐ๊ณผtrue, null, undefined, 10 //์ด๊ฒƒ๋“ค์ด ๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€์ˆ˜ ์ฃผ์˜ํ•  ์ :1. ๋งจ ๋งˆ์ง€๋ง‰์— ๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€..