[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. ์ด์ 1 ยทยทยท 5 6 7 8 9 10 11 ยทยทยท 18 ๋ค์