## Promise ```javascript new Promise(executor) ``` `executor`๋ `resolve`๋ฐ `reject` ์ธ์๋ฅผ ์ ๋ฌํ ์คํํจ์๋ฅผ ์๋ฏธํ๋ค. ์คํํจ์๋ `resolve`์ `reject`๋ฅผ ๋ฐ์ ์ฆ์ ์คํ๋๋ค. ์คํํจ์๋ ๋ณดํต ๋น๋๊ธฐ ์์ ์ ์์ํ ํ, ๋ชจ๋ ์์ ์ ๋๋ด๋ฉด `resolve`๋ฅผ ํธ์ถํด์ `Prom...
Read## ๊ตฌ์กฐ ๋ถํด ํ ๋น ๊ตฌ์กฐ ๋ถํด ํ ๋น์ ๋ฐฐ์ด์ด๋ ๊ฐ์ฒด์ ์์ฑ์ ๋ง๊ทธ๋๋ก ๋ถํดํ์ฌ, ๋ถํด ํ ๊ฐ์ ๊ฐ๋ณ๋ณ์์ ๋ด์ ์ ์๊ฒ ๋์์ฃผ๋ ํํ์์ด๋ค. ```javascript let a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 // rest ํจํด์ ์ด์ฉํ์ฌ ๋๋จธ์ง๋ฅผ ๋ชจ๋...
Read## ํด๋ก์ ### ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ด๋ป๊ฒ ๋ณ์์ ์ ํจ ๋ฒ์๋ฅผ ์ ํ๋๊ฐ? ```javascript function hello() { var name = "yceffort" // ๋ด๋ถํจ์์ด๋ฉฐ, ํด๋ก์ ๋ค. function showName() { // ๋ถ๋ชจํจ์๊ฐ ์ ์ธํ ๋ณ์๋ฅผ ์ฌ์ฉํ๋ค. alert(`hello, ${name}`) }...
Read## Reference (Ref) ํน์ DOM์์์ ์์ ์ ํ๊ธฐ ์ํด์ id๋ฅผ ๋ถ์ฌํ๋ ๊ฒ ์ฒ๋ผ, React์์ DOM์ ์ด๋ฆ์ ๋ค๋ ๋ฐฉ์์ด ์๋๋ฐ ์ด๊ฒ์ด ๋ฐ๋ก ref (Reference)๋ค. ๋ฐ๋์, `DOM์ ์ง์ ์ ์ผ๋ก ์ ๊ทผํ์ฌ ์กฐ์์ด ํ์ํ ๋ ๋ง ์ด์ฉํด์ผ ํ๋ค.` ### ์ปดํผ๋ํธ ๋ด๋ถ์์ ์ฌ์ฉ ```javascript import React, ...
Read## ์ด๋ฒคํธ ๋ฆฌ์กํธ์ ์ด๋ฒคํธ๋ ๊ธฐ๋ณธ์ ์ผ๋ก HTML์ ์ด๋ฒคํธ์ ๋น์ทํ์ง๋ง, ์ฃผ์์ฌํญ์ด ๋ช๊ฐ์ง ์์ต๋๋ค. 1. ์ด๋ฒคํธ ๋ช ์ ์นด๋ฉ ์ผ์ด์ค๋ก ์์ฑํด์ผ ํ๋ค. `onclick` โ `onClick` 2. ์ด๋ฒคํธ์ ์คํํ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์ ๋ฌํ๋ ๊ฒ์ด ์๋๊ณ , ํจ์ํํ์ ๊ฐ์ ์ ๋ฌํด์ผ ํ๋ค. 3. DOM์์์๋ง ์ค์ ํ ์ ์๋ค. Custom Component๋...
Read