๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[D+65] ์›น ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” fetch D+65 - ์›น ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” fetch - ( fetch ) fetch fetch๋Š” url์˜ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๋Œ€ํ‘œ์ ์ธ ๋น„๋™๊ธฐ ์š”์ฒญ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. url์˜ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜จ๋‹ค๊ณ  ํ•ด์„œ ๋‹จ์ˆœํžˆ ๋งํฌ๋ฅผ ํด๋ฆญํ•˜๋Š” ์ˆ˜์ค€์˜ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ๊ฐ€ ์•„๋‹ˆ๋ผ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ์ •๋ณด๋ฅผ ๋™์ ์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์™€์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์‚ฌ์šฉ๋ฒ• let url = 'http:// ๋‚ด๊ฐ€ ๊ฐ€์ง€๊ณ  ์˜ค๊ณ  ์‹ถ์€ ์ •๋ณด์˜ url'; fetch(url) .then(response => response.json()) // fetch์— ๋Œ€ํ•œ ์‘๋‹ต์„ JSONํ™” ํ•œ๋‹ค. .then(json => console.log(json)) // jsonํ™” ํ•œ ๊ฐ์ฒด๋ฅผ ์ฝ˜์†”์— ์ถœ๋ ฅํ•œ๋‹ค. .catch(err => console.log(err)); // ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•  ๊ฒฝ์šฐ์—” ์—๋Ÿฌ๋ฅผ ๋„์›Œ.. 2020. 12. 23.
[D+65] ๋น„๋™๊ธฐ ํ˜ธ์ถœ์— ๋Œ€ํ•œ ๋‚˜์˜ ์ƒ๊ฐ D+65 - ๋น„๋™๊ธฐ ํ˜ธ์ถœ์— ๋Œ€ํ•œ ๋‚˜์˜ ์ƒ๊ฐ - (๋น„๋™๊ธฐ ์งˆ๋ฌธ์— ๋‹ตํ•˜๊ธฐ) • Promise ์‹คํ–‰ํ•จ์ˆ˜๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋‘๊ฐœ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ resolve, reject๋Š” ๊ฐ๊ฐ ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋‚˜์š”? resolve์™€ reject๋Š” ๋น„๋™๊ธฐ ์‹คํ–‰์ด ์„ฑ๊ณต๊ณผ ์‹คํŒจ์‹œ์— ๊ฐ๊ฐ ๋™์ž‘ํ•˜๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ resolve๋Š” ๋น„๋™๊ธฐ ์‹คํ–‰์ด ์ œ๋Œ€๋กœ ๋™์ž‘ํ–ˆ์„ ๊ฒฝ์šฐ์— ์ž‘๋™ํ•˜๋Š” ๊ฒƒ์ด๊ณ , reject๋Š” ๋น„๋™๊ธฐ ์‹คํ–‰์ค‘ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ์— ์ž‘๋™ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. • new Promise( )๋ฅผ ํ†ตํ•ด ์ƒ์„ฑํ•œ Promise ์ธ์Šคํ„ด์Šค์—๋Š” ์–ด๋–ค ๋ฉ”์†Œ๋“œ๊ฐ€ ์กด์žฌํ•˜๋‚˜์š”? Promise ์ธ์Šคํ„ด์Šค๋กœ๋Š” .then๊ณผ .catch ๊ทธ๋ฆฌ๊ณ  .finally๊ฐ€ ์žˆ๋Š”๋ฐ .then์€ ๋น„๋™๊ธฐ ์‹คํ–‰์ด ์ œ๋Œ€๋กœ ๋™์ž‘ํ–ˆ์„ ๋•Œ ์ž‘๋™ํ•˜๋Š” resolve๋ฅผ ํ†ตํ•ด ๋ฐ›์€ ์ธ์ž๋ฅผ .then์„ ์ด์šฉํ•ด ์ฒ˜๋ฆฌํ•  ์ˆ˜ .. 2020. 12. 22.
[D+64] ๋น„๋™๊ธฐํ˜ธ์ถœ๋กœ ์ˆœ์„œ์ œ์–ดํ•˜๊ธฐ D+64 - ๋น„๋™๊ธฐํ˜ธ์ถœ๋กœ ์ˆœ์„œ ์ œ์–ดํ•˜๊ธฐ - (๋น„๋™๊ธฐ vs ๋™๊ธฐ ๊ทธ๋ฆฌ๊ณ  ๋…ผ๋ธ”๋กœํ‚น vs ๋ธ”๋กœํ‚น,๋น„๋™๊ธฐ ์ˆœ์„œ์ œ์–ด) ๋น„๋™๊ธฐ vs ๋™๊ธฐ ๊ทธ๋ฆฌ๊ณ  ๋…ผ๋ธ”๋กœํ‚น vs ๋ธ”๋กœํ‚น ๋น„๋™๊ธฐ์— ๊ด€ํ•ด ์•Œ์•„๋ณด๊ธฐ์ „์— ์šฐ๋ฆฌ๋Š” ๋™๊ธฐ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ธ”๋กœํ‚น์— ๊ด€ํ•ด์„œ๋„ ์•Œ์•„์•ผํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค. ์„œ๋กœ ๋น„์Šทํ•˜์ง€๋งŒ ๋‹ค๋ฅธ ํŠน์ง•์ด ์žˆ์œผ๋‹ˆ ์ž˜ ๊ธฐ์–ตํ•ด ๋‘์–ด์•ผ ํ•œ๋‹ค. • ๋™๊ธฐ vs ๋น„๋™๊ธฐ : ์ฒ˜๋ฆฌํ•ด์•ผํ•  ์ž‘์—…๋“ค์„ ์–ด๋– ํ•œ ํ๋ฆ„์œผ๋กœ ์ฒ˜๋ฆฌํ•  ๊ฒƒ์ธ๊ฐ€ • ๋ธ”๋กœํ‚น vs ๋…ผ๋ธ”๋กœํ‚น : ์ฒ˜๋ฆฌ๋˜์–ด์•ผํ•˜๋Š” ์ž‘์—…์ด ์ „์ฒด์ ์ธ ์ž‘์—…์˜ ํ๋ฆ„์„ ๋ง‰๋Š๋ƒ ์•ˆ๋ง‰๋Š๋ƒ ์ด ๋‘๊ฐ€์ง€์— ๋Œ€ํ•ด ๊ธฐ์–ตํ• ๋•Œ 'ํ๋ฆ„'์— ๋Œ€ํ•ด์„œ ์ดํ•ดํ•œ๋‹ค๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋™๊ธฐ (Synchronous) ๋™๊ธฐ๋ฐฉ์‹์€ ์š”์ฒญ์ด ๋“ค์–ด์™”์„๋•Œ ๋“ค์–ด์˜จ ์ˆœ์„œ๋Œ€๋กœ ์ผ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ, ์œ„์˜ ์‚ฌ์ง„์„ ์˜ˆ๋กœ ๋“ค์–ด๋ณธ๋‹ค๋ฉด ๋งŒ์•ฝ ๋™๊ธฐ ๋ฐฉ์‹์œผ๋กœ ์ปคํ”ผ๋ฅผ ์ฃผ๋ฌธ๋ฐ›๋Š”๋‹ค๋ฉด .. 2020. 12. 21.
[D+63] Immersive 3์ฃผ์ฐจ D+63 - Immersive 3์ฃผ ์ฐจ - ( ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  ์ด๋จธ์‹œ๋ธŒ ์ฝ”์Šค 3์ฃผ ์ฐจ ) ํž˜๋“ค๊ณ  ์–ด๋ ค์› ๋˜ 3์ฃผ ์ฐจ๊ฐ€ ๋งˆ๋ฌด๋ฆฌ๋˜์—ˆ๋‹ค. ์ด๋จธ์‹œ๋ธŒ ์ฝ”์Šค ๋‹จ๊ณ„๋ฅผ ๋ฐŸ์œผ๋ฉด์„œ ์ด๋ฒˆ ์ฃผ์˜ ๋งˆ์ง€๋ง‰ ๋‚ ์ด ๋˜๋ฉด ํ•ญ์ƒ ์•„์‰ฌ์šด ๋งˆ์Œ์ด ๋“ค๊ณ ๋Š” ํ–ˆ๋Š”๋ฐ ์ด๋ฒˆ ์ฃผ๋Š” ์†”์งํžˆ ์•„์‰ฌ์›€๋ณด๋‹จ ์•ˆ๋„๊ฐ์ด ๋“ค์—ˆ๋‹ค. ๋ฌด์–ธ๊ฐ€๋ฅผ ์ด๋ค˜๊ธฐ์— ๋“œ๋Š” ์•ˆ๋„๊ฐ์ด๋ผ๊ธฐ๋ณด๋‹ค๋Š” ์ด๋ฒˆ ์ฃผ๋„ ๋ฌด์‚ฌํžˆ ๋„˜์–ด๊ฐ€๋Š”๊ตฌ๋‚˜.. ํ•˜๋Š” ์•ˆ๋„๊ฐ์ด ๋“  ๊ฒƒ ๊ฐ™๋‹ค. ์ด๋ฒˆ ์ฃผ๋Š” ์†”๋กœ๋ฐ์ด ๊ธฐ๊ฐ„์ด ์žˆ์—ˆ๊ธฐ์— ์ด๋จธ์‹œ๋ธŒ ์ฝ”์Šค์—์„œ ์ฒ˜์Œ์œผ๋กœ ๋Œ์•„๊ฐ€ ๋ฌธ์ œ๋ฅผ ๋‹ค์‹œ ํ•œ๋ฒˆ ํ™•์ธํ•ด ๋ณด์•˜๋Š”๋ฐ ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์–ด ํ—ฌํ”„๋ฐ์Šคํฌ์— ์งˆ๋ฌธ๋„ ํ•ด๋ณด์•˜๋‹ค โœŒ๐Ÿป ํ‰์†Œ์—๋Š” ์™„์ „ ์™•์™•์™• ์†Œ์‹ฌํ•ด์„œ ์งˆ๋ฌธํ•˜๊ธฐ ์ „์— ์ƒ๊ฐ์ด ๋„ˆ๋ฌด ๋งŽ์•„์„œ ๊ณ ๋ฏผ๋งŒ ํ•˜๋‹ค๊ฐ€ ๋‚จ๋“ค์ด ์˜ฌ๋ฆฐ ์งˆ๋ฌธ๋งŒ ์—ฟ๋ณด์•˜๋Š”๋ฐ ์ด๋ฒˆ ์ฃผ ํŠœํ„ฐ๋‹˜์ด ์งˆ๋ฌธ์„ ๋ชปํ•˜๊ฒ ์œผ๋ฉด ์›์ดˆ์ ์ธ ์งˆ๋ฌธ์ด๋‚˜ ๋‚ด๊ฐ€ ์ดํ•ดํ•œ ๊ฒƒ์„ ํ™•.. 2020. 11. 8.
[D+62] ๊ฐœ์ธ ๊ณต๋ถ€ D+62 - ๊ฐœ์ธ ๊ณต๋ถ€ - (๊ฐœ์ธ ๊ณต๋ถ€) ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ์ฃผ์˜์‚ฌํ•ญ • call, apply, bind ์‚ฌ์šฉ ๋ชปํ•จ • this๋กœ ๋ฐ”์ธ๋”ฉ ๋ชปํ•จ ์Šคํƒ • LIFO(Last In First Out) : ๋‚˜์ค‘์— ๋“ค์–ด๊ฐ„ ๊ฒƒ์ด ๋จผ์ € ๋‚˜๊ฐ„๋‹ค. • ์Šคํƒ์˜ ์˜ˆ - undo(์‹คํ–‰์ทจ์†Œ), ๋ธŒ๋ผ์šฐ์ € ๋ฐฉ๋ฌธ๊ธฐ๋ก, ๋…ธ๋ž˜ ๋’ค๋กœ๊ฐ€๊ธฐ ํ • FIFO(First In First Out) : ๋จผ์ € ๋“ค์–ด๊ฐ„ ๊ฒƒ์ด ๋จผ์ € ๋‚˜๊ฐ„๋‹ค. • ํ์˜ ์˜ˆ - ์žฌ์ƒ๋ชฉ๋ก, ํ”„๋ฆฐํŠธ, ํ‚ค๋ณด๋“œ ์ž…๋ ฅ ์ฝœ๋ฐฑ ํ•จ์ˆ˜ • ํ•จ์ˆ˜๋ฅผ ์ธ์ž๋กœ ๋ฐ›์•„์„œ ์‹คํ–‰ํ•˜๋Š” ํ•จ์ˆ˜ ํด๋กœ์ € • ์™ธ๋ถ€ํ•จ์ˆ˜์˜ ๋ณ€์ˆ˜์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๋‚ด๋ถ€ํ•จ์ˆ˜ ๋Šฆ๊ฒŒ๋‚˜๋งˆ ์ดํ•ดํ•œ ๊ฐœ๋…๋“ค... ๊ผญ ์žŠ์ง€๋ง์ž! 2020. 11. 7.
[D+61] ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ 5๋ฒˆ D+61 - ์•Œ๊ณ ๋ฆฌ์ฆ˜๋ฌธ์ œ 5๋ฒˆ - (Toy Problem 05) # 05 ๋จธ๋ฆฟ์†์— ์ •๋ฆฌ๊ฐ€ ์ž˜ ์•ˆ๋˜์—ˆ๋˜ ๋ฌธ์ œ... ๋‚ด ๋งˆ์Œ์™์—” ์ •๋ ฌ๋ฉ”์†Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์—ˆ์ง€๋งŒ ์™œ ์‚ฌ์šฉํ•˜์ง€ ๋ง๋ž˜ ใ… ใ…œ ๋‘๊ฐœ์˜ ๊ฐ’์„ ๋น„๊ตํ•ด ์ˆœ์„œ๋ฅผ ๋ฐ”๊พธ๋Š” ํ˜•์‹์œผ๋กœ ๋ฐฐ์—ด์„ ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌํ•˜๋Š” ๋ฌธ์ œ์˜€๋Š”๋ฐ sort()ํ•˜๋‚˜๋ฉด ๋ ๊ฒƒ์„ for๋ฌธ์„ 3๊ฐœ๋‚˜ ์‚ฌ์šฉํ•ด์•ผ ์ •๋ ฌ์ด ๋œ๋‹ค๋‹ˆ... ๋ฌผ๋ก  ๋‹ค๋ฅธ ๋ถ„๋“ค์€ ํ›จ์”ฌ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋‚˜์˜ฌ ์ˆ˜ ์žˆ์—ˆ๊ฒ ์ง€๋งŒ ๋‚œ ์ถ”๊ฐ€ ์š”๊ตฌ์‚ฌํ•ญ ๋ฌธ์ œ๋Š” ์ฃฝ์–ด๋„ ํ•ด๊ฒฐ์ด ์•ˆ๋˜๋”๋ผ...ใ…Žใ…Ž ์ผ๋‹จ์€ ์‹œ๊ฐ„์€ ์ง€๋‚˜๊ฐ€๋ฒ„๋ ธ๊ธฐ์— ๋ฌธ์ œ๋Š” ์ด๋ ‡๊ฒŒ ํ’€๊ณ  ๋‚˜์ค‘์— ๋‹ค์‹œ ํ’€์–ด๋ด์•ผ๊ฒ ๋‹ค. 2020. 11. 6.