๊ฐ๋ ์ ๋ฆฌ ์์ ์ค/JavaScript(4)
-
[JavaScript] Promise์ async ๊ทธ๋ฆฌ๊ณ await
๐ ๊ฐ์ `Promise`๋ ์ด์ ์์ ์ด ์๋ฃ๋ ๋๊น์ง ๋ค์ ์์ ์ ์ฐ๊ธฐ ์ํค๊ฑฐ๋, ์์ ์คํจ๋ฅผ ๋์ ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ `JavaScript`์ ๊ธฐ๋ฅ์ธ ๊ฒ์ด์์. ๋ํ ์ด๋ค ์์ ์ ์ค๊ฐ ์ํ๋ฅผ ๋ํ๋ด๋ ๊ฐ์ฒด์ธ ๊ฒ์ด์์. ์ฆ, ๋ฏธ๋์ ์ด๋ค ์ข ๋ฅ์ ๊ฒฐ๊ณผ๊ฐ ๋ฐํ๋จ์ `์ฝ์(Promise)`ํด์ฃผ๋ ๊ฐ์ฒด๋ผ๊ณ ๋ณด๋ฉด ๋๋ ๊ฒ์ด์์. `JavaScript`๋ ๋น๋๊ธฐ๋ก ์์ ์ ์ฒ๋ฆฌํ๊ธฐ ๋๋ฌธ์ ์ด๋ค Method๊ฐ ์คํ์ค์ด๋๋ผ๋ ๋ค์ ๋ด์ฉ์ ์คํํด ๋ฒ๋ฆฌ๋ ๋ฌธ์ ๊ฐ ์๋ ๊ฒ์ด์์. ์ด ๋, `async`๋ `JavaScript`์ ํจ์๋ก ํญ์ `Promise`๋ฅผ ๋ฐํํ๊ฒ ํด ์ฃผ๋ ๊ฒ์ด์์. `Promise`๊ฐ ์๋ ๊ฐ์ ๋ฐํํ๋๋ผ๋ `Resolved Promise(์ดํ ์ํ์ ํ๋ผ๋ฏธ์ค)`๋ก ๊ฐ์ ๊ฐ์ธ ์ดํ๋ `Pro..
2022.04.10 -
[JavaScript] ๊ธฐ๋ณธ ๋ฌธ๋ฒ
โป ์ด ๋ด์ฉ์ ์ธํ๋ฐ : WEB2 - Node.js ๊ฐ์ ๋ด์ฉ ์ ๋ฆฌ ์๋ฃ์ ๋๋ค. ๐ ๋ชฉ์ฐจ โ [Node.js] Node.js ๊ธฐ์ด โ [JavaScript] ๊ธฐ๋ณธ ๋ฌธ๋ฒ โ[Web] URL์ ์ดํด ๐ JavaScript ๊ธฐ๋ณธ ๋ฌธ๋ฒ ๐ฝ Data Type ๐ฆ Number ๐ฆ String(๋ฌธ์์ด) ์์ ๊ทธ๋ฆผ๊ณผ ๊ฐ์ด "", ''๋ก ์ ์๋ฅผ ๋ฌถ์ด์ฃผ๊ฒ ๋๋ฉด ์ ์๊ฐ ์๋ ๋ฌธ์์ด๋ก ์ธ์ํ๊ฒ ๋๊ณ , ์ฐ์ ์ฐ์ฐ์๋ฅผ ํตํด ์ฐ์ฐ์ ํ๊ฒ ๋๋ฉด ์ ์์ฒ๋ผ ๋ํ๋ ๊ฒ์ด ์๋๋ผ, ๊ฒฐํฉ์ ํด ์ฃผ๋ ๊ฒฐํฉ ์ฐ์ฐ์๊ฐ ๋์ํ๊ฒ ๋๋ ๊ฒ์ด์์. ์ฐธ๊ณ ํ ๋งํ ๋ด์ฉ์ ํฐ ๋ฐ์ํ(")๋ฅผ ์ด์ฉํ๊ฑฐ๋, ์์ ๋ฐ์ํ(')๋ฅผ ์ด์ฉํด๋ ์๊ด์์ง๋ง, ์ง์ ์ด๋ค์ ์์์ ํฐ ๋ฐ์ํ๋ก ํ์ผ๋ฉด ํฐ ๋ฐ์ํ๋ก ๋๋๊ณ , ์์ ๋ฐ์ํ๋ก ์์ํ์ผ๋ฉด ์์ ๋ฐ์ํ๋ก ๋๋์ผ ํ๋ค๋ ..
2022.04.07 -
[JavaScript] lodash
๐ lodash๋? ์ด ์น๊ตฌ๋ JavaScript์ ์ธ๊ธฐ ์๋ Library์ค์ ํ๋ ์ธ ๊ฒ์ด์์. ๋ณดํต์ ๊ฒฝ์ฐ Array, Collection, data ๋ฑ Data์ ํ์์ ์ธ ๊ตฌ์กฐ๋ฅผ ์ฝ๊ฒ ๋ค๋ฃฐ ์ ์๊ฒ ํด์ฃผ๋๋ฐ ์ฌ์ฉํ๋ ๊ฒ์ด์์. JavaScript์์ ๋ฐฐ์ด ์์ ๊ฐ์ฒด๋ค์ ๊ฐ์ handling(๋ฐฐ์ด, ๊ฐ์ฒด ๋ฐ ๋ฌธ์์ด ๋ฐ๋ณต / ๋ณตํฉ์ ์ธ ํจ์ ์์ฑ)ํ ๋ ์ ์ฉํ ๊ฒ์ด์์. ์ด๋ฌํ ์ ์ผ๋ก ์ธํด JavaScript์ ์ฝ๋๋ฅผ ์ค์ฌ์ฃผ๊ณ , ๋น ๋ฅธ ์์ ์ ๋์์ ์ฃผ๋ ์น๊ตฌ๋๋๋ค. ํนํ Front End ํ๊ฒฝ์์ ๋ง์ด ์ด์ฉํ๊ณ ์๋ ๊ฒ์ด์์. `_.(๋ณ์๋ช )`๊ณผ ๊ฐ์์์ผ๋ก ์์ฑํ ๊ฒฝ์ฐ lodash Wrapper๋ก ๋ณ์๋ฅผ ๊ฐ์ธ๊ฒ ๋๋ฉด์ ํด๋น ๋ณ์์ ๋ํ chaining์ ์์ํ๋ ๊ฒ์ด์์. `_` ๊ธฐํธ๋ฅผ ์ด์ฉํด์ ์ฌ์ฉ๋..
2022.03.16 -
[JavaScript&jQuery] ๊ธฐ์ด ๊ฐ๋ ์ ๋ฆฌ
๐ง๐ป๐ป Javascipt ๊ณต๋ถ ํ๊ธฐ ๐ฑ GitHub : https://github.com/junyharang-FrontEnd-coding-study/javasctipt-study ์๋ฐ ์คํฌ๋ฆฝํธ๋ ์น ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ์คํฌ๋ฆฝํธ์ธ ๊ฒ์ด์์. ๋ํ, html์ ํธ๋ค๋ง ํ๋ ์คํฌ๋ฆฝํธ๋๋๋ค! html Tag๊ฐ ๋๋๋ ๋ถ๋ถ์ ๋ฅผ ์์ฑ ํด์ฃผ๋ ๊ฒ์ด ์ข์๋ฐ, ๊ทธ ์ด์ ๋ ๋ธ๋ผ์ฐ์ ๊ฐ ๋๋๋ง์ ํ ๋, ์ฝ๋๊ฐ ์์์ ์๋๋ก ์ฝ์ ๊ฒ์ธ๋ฐ, ๋ง์ ์ฝ๋๊ฐ ์๋ค๊ณ ํ์ ๋, ํ๋ฉด ๋ถํฐ ๋ฟ๋ ค์ฃผ๊ณ (html) ๋์ค์ script๊ฐ ์ด์์ด ์๋์ง ๋ถ์ํ๋ ๊ฒ์ด ์ด์ฉ์ ์ ์ฅ์์ ๋น ๋ฅด๊ฒ ๋๊ปด์ง ์ ์๊ธฐ ๋๋ฌธ์ธ ๊ฒ์ด์์. bootstrap Site : Bootstrap Get started ํด๋ฆญ ํฉ๋๋ค! css์ ๋ณต์ฌ ํ๋ ๊ฒ์ด์์. ํด..
2022.03.06