์ ์ฒด ๊ธ
-
[Javascript] ํธ์ด์คํ Hoisting and ๋ณ์ํค์๋ var, let, const (feat. ๋๋ฆฌ)To infinity/Javascript ์ด๋ก 2021. 6. 13. 12:30
20201.06.13 Ver1 1. ํธ์ด์คํ Javascript์๋ ๋ค๋ฅธ ์ธ์ด์ ๋ค๋ฅธ ํน์ดํ ๊ธฐ๋ฅ์ด ์๋๋ฐ ๋ฐ๋ก ํธ์ด์คํ ์ด๋ผ๋ ๊ฒ์ด๋ค. ํธ์ด์คํ ์ ์ ์ธ๋ฌธ ์ ์ ์คํ ์ปจํ ์คํธ ํ๊ฒฝ์ด ์ธํ ๋๊ณ ์ด๊ธฐํ๊ฐ ์งํ๋๋ ํ์์ด๋ค. ๊ทธ๋์ ๋ง์ฝ์ ์๋์ฝ๋๋ฅผ ์คํํ๋ฉด ์๋์ ๊ฐ์ ๊ฒฐ๊ณผ๊ฐ ๋์จ๋ค. let hoist = 1; { console.log(hoist); // access๋ถ๊ฐ let hoist = 2; } ๊ฒฐ๊ณผ: ๋ง์ฝ ํธ์ด์คํ ์ด ์ผ์ด๋์ง ์์ผ๋ฉด ์ง์ญ์ค์ฝํ์ hoist ๊ฐ์ธ 1์ ์ฐธ์กฐํด์ 1์ ๊ฒฐ๊ณผ๋ฅผ ๋ด์ผ ํ์ง๋ง ํด๋น ๊ฒฐ๊ณผ๋ accessํ ์ ์๋ค๊ณ ๋ฌ๋ค. ์ฆ, ํธ์ด์คํ ์ด ์ผ์ด๋์ ํด๋น ํจ์์ฝ๋ ๋ด์ ์คํ์ฝํ ์คํธ๊ฐ ์๊ธด ๊ฒ์ด๋ค. ์ฆ, ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋ชจ๋ ๋ณ์๋ ํธ์ด์คํ ์ด ๋ฐ์ํ๋ค. 2. ๋ณ์ํค์๋ var, let, ..
-
[Javascript] ํ๋กํผํฐ ์ดํธ๋ฆฌ๋ทฐํธ (ํ๋กํผํฐ ์์ธ์์ฑ ๋ฐ๊พธ๊ธฐ)To infinity/Javascript ์ด๋ก 2021. 6. 13. 12:14
2021.06.13 Ver1 ์๋ฐ์คํฌ๋ฆฝํธ: ๊ฐ์ฒดobject ๊ธฐ๋ฐ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด (ํจ์์ ๊ฐ์ฒด๋ ๋ถ๋ฆฌํ ์ ์๋ค!) ์์ํ์ : ๋จ ํ๋์ ๊ฐ ๊ฐ์ฒดํ์ : ๋ค์ํ ํ์ ์ ๊ฐ ๊ฐ์ฒด = 0๊ฐ ์ด์์ ํ๋กํผํฐ๋ก ๊ตฌ์ฑ๋ ์งํฉ ํ๋กํผํฐ = key + value ํ๋กํผํฐ: ๊ฐ์ฒด์ ์ํ๋ฅผ ๋ํ๋ด๋ ๊ฐ (data) // ์, ๊ฐ์ฒด์ ๊ฐ์ด๋ผ๊ณ ์๊ฐํ๋ฉด ๋ ๋ฏ ๋ฉ์๋: ํ๋กํผํฐ๋ฅผ ์ฐธ์กฐํ๊ณ ์กฐ์ํ ์ ์๋ ๋์ (behavior) // ํ๋กํผํฐ ๊ฐ์ด ํจ์์ผ ๊ฒฝ์ฐ ์ผ๋ฐํจ์์ ๊ตฌ๋ถ์ ์ํด ๋ฉ์๋ method๋ผ๊ณ ๋ถ๋ฆ, ๊ฐ์ฒด ๊ฐ ์ค ํจ์ 1. ๋ด๋ถ์ฌ๋กฏ๊ณผ ๋ด๋ถ๋ฉ์๋ - ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ๋ด๋ถ๋ก์ง์ผ๋ก ์ง์ ์ ๊ทผ ๋ฐ ํธ์ถ์ด ๋ถ๊ฐ๋ฅํจ. - ํ์ง๋ง ์ผ๋ถ์ ํํด ๊ฐ์ ์ ์ผ๋ก ์ ๊ทผํ ์ ์์ Ex. [[Prototype]] ๋ด๋ถ์ฌ๋กฏ์๋ __p..
-
[Be native] ์์ดํํ 100์ผ์ ๊ธฐ์ (Day 1 ~ 5)and beyond/Be Native 2021. 6. 12. 18:19
2021.06.08 ~ 2021.06.12 [Feedback] 1. the weather reporter ๋ฐ์ ์ r r ๋ฐ์์ด ์ค์ฒฉ๋์ ๋ฐ์ํ๊ธฐ ์ด๋ ค์์ weather ๋ฅผ weathe ๋ก ๋ฐ์ํ๋ ํ๊ฒฐ ํธํด์ก๋ค. 2. I'll give you a ride home ์ธ๋ฐ ๋ฌด์์์ ์ผ๋ก I'll give you ride a home ์ด๋ผ ํ๋ ๊ฒ ๊ฐ๋ค. 2. ์ด์ํ๊ฒ Day4๊ฐ ์ ์ ์ ์๋ถ๋๋ค. ๋ค๋ฅธ Day๋ณด๋ค ์ข ๋ ์ ๊ฒฝ์จ์ผ ํ ๋ฏ 3. ๋ง์น ์ค์ ๋ํํ๋ ๊ฒ ์ฒ๋ผํ๋ ค ํ๋๋ฐ ์์ง๊น์ง ๋ญ๊ฐ ์ด์ํ๋ค. [Script] https://youtu.be/PhS8gYzdWQg
-
[Be native] I'm gonna speak in English!and beyond/Be Native 2021. 6. 12. 18:13
๋ ๋ฏธ๊ตญ์์ ๊ฐ๋ฐ์๋ก ์ผํ ๊ฑฐ๋ค. ํ๋ฒ์ฏค์ ๋์ฆ๋์์ ๊ผญ ์ผํด๋ณด๊ณ ์ถ๊ธฐ์ ์ผ๋จ์ ๋์ฆ๋์์ ๊ฐ๋ฐ์๋ก ์ผํ ๊ฑฐ๋ค. ๊ทธ๋ฌ๋ ค๋ฉด ์์ด๋ก ์ํต์ด ๋์ด์ผ ํ๊ธฐ์ ์์ดํํ๊ณต๋ถ๋ฅผ ์์ํ๋ค. ์ค์ ์์ด ์ ์ฐฝํ๊ฒ ๋งํ๊ธฐ ํ๋ก์ ํธ๋ ์์ฃผ ์ด์ ๋ถํฐ ๋์ ํ๋ ๊ณผ์ ์์ง๋ง ์ค๋ ์ง์ํ์ง ๋ชปํ๊ณค ํ๋ค. ํด์๊ธฐ๊ฐ ๋งค์ฐ ๊ธด ๊ฐํ์ ์ง์ค์ด๋๊น. ๊ทธ๋ฌ๋ค๊ฐ ์ต๊ทผ, ์ ๋ง ํ๊ณ ์ถ์ ๊ฒ์ด ์๊ธฐ๊ณ ๊ทธ์ ๋ํ ๋ชฉํ๊ฐ ์ธ์์ง๋ค ๋ณด๋ ์์ฐ์ค๋ ์์ดํํ์ ๋ํ ์คํ๋ ฅ์ด ์๊ฒจ๋ฌ๋ค. ๋ฌผ๋ก ๋ด๊ฐ ํ๊ณ ์ถ๊ณ ์ข์ํ๊ณ ์ถ์๊ฒ์ ์ฐพ๊ธฐ์ํด ์์ฒญ๋ ๊ณ ํต์ ์๊ฐ์ ๋ณด๋ธ๊ฒ์ ๋๋งํ๋ฉด ์์๋ฆฌ. (์ด ์ด์ผ๊ธด ๋ฐ๋ก ํ๋๋ก ํ๊ฒ ๋ค.) ์ผ๋จ ํ์ฌ ์คํ์ ์ฝ๊ธฐ ์ฐ๊ธฐ ๋ฃ๊ธฐ๋ ์ ๋๋ค. ์์ด๋ ์ธ๊ตญ๊ฐ์ ์ฌํํ๊ธฐ์ ๋ถํธํจ์์ด ์ ๋งํ๋ค. ํ์ง๋ง ๋์ ์๊ฐ์ Fluentํ๊ฒ ๋งํ์ง ๋ชปํ๋ค. ์..
-
[Javascript] ์คํ์ปจํ ์คํธ flow (์ฝ๋์คํ ์ ์ผ์ด๋๋ ๊ณผ์ )To infinity/Javascript ์ด๋ก 2021. 6. 12. 15:33
2021.06.12 Ver1 ์ฑ ์ ์ฝ๋ค๋ณด๋ ๋ฐ๋ณต์ ์ผ๋ก ๋์ค๋ ๊ฐ๋ ๋ค์ด ์๋๋ฐ ์ฒ์์ ๊ทธ๋ฅ ๋์ด๊ฐ ์ ์์์ง๋ง ์ฝ๋ ์ฑํฐ๊ฐ ๋ง์์ง์๋ก ํด๋น ๊ฐ๋ ์๋ํ ๋ฌผ์ํ๊ฐ ์ ์ ๋ง์์ง๊ธฐ ์์ํ๋ค. (์๋๋ฉด ์ฒ์๋ถํฐ ์์๋๋ก ์ฑ ์ ์ฝ์ง ์๊ธฐ ๋๋ฌธ) ๋ฐ๋ก, ์ด๋๊ฐ ํด๋น ๊ฐ๋ ์ ๋ํด ๊ณต๋ถํ ๋ ์ด๋ค. ๊ทธ๋์ ๊ฐ์ฅ ๊ธฐ๋ณธ์ด ๋๋ ์ฉ์ด์ ๋ํด ๊ณต๋ถํ๊ธฐ๋ก ํ๋ค. ์ ์ฒด์ ์ธ ํ๋ฆ์ ๋ํด ๋จผ์ ์๊ณ ๋์ ํด๋น ๊ฐ๋ ์ผ๋ก ๋์ด์์ ๊ทธ๋ฐ์ง ์ข ๋ ์ดํด๊ฐ ์๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ปดํจํฐ ์ฉ์ด๋ ๊ฒฐ๊ตญ์ ํ๋์ '์ธ์ด'์ด๊ธฐ ๋๋ฌธ์ ํ์ฌ ์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๊ณ ์๋ '์ธ์ด'์ธ 'ํ๊ตญ์ด'์ ๊ตฌ์ฑ๊ณผ ๋น๊ตํด์ ๊ฐ์ด ์๊ฐํ๋ฉด ์ข ๋ ์ดํดํ๊ธฐ ์ฌ์ด ๊ฒ ๊ฐ๋ค. 1. ๊ธฐ๋ณธ์ฉ์ด 0. ๋ฆฌํฐ๋ด (literal) - ์ฌ๋์ด ์ดํดํ ์ ์๋ ๋ฌธ์์ ๊ธฐํธ๋ฅผ ์ฌ์ฉํด ๊ฐ์ ์์ฑํ๋ ํ๊ธฐ๋ฒ (..
-
[Javascript] ์ค์ฝํ scope (์ ํจ๋ฒ์)To infinity/Javascript ์ด๋ก 2021. 6. 10. 23:57
์์ฑ์ผ: 2021.06.10, Ver1 1. ์ค์ฝํ๋? - ๊ธฐ๋ณธ์ ์ด๊ณ ์ค์ํ ๋ด์ฉ์. - ์๋ฐ์คํฌ๋ฆฝํธ์ ์ค์ฝํ๋ ๋ค๋ฅธ ์ธ์ด์ ์ค์ฝํ์ ๊ตฌ๋ณ๋๋ ํน์ง์ด ์์ผ๋ฏ๋ก ์ฃผ์ (ํจ์ ๋ ๋ฒจ ์ค์ฝํ) ํน์ง์ ๋ฒ์์ค์ ๋ฐฉ๋ฒ๊ณผ ๊ฒ์๊ท์น ๋๊ฐ์ง๋ก ๋๋ ๋ณด์. 1) ์๋ณ์๊ฐ ์ ํจํ ๋ฒ์๋ฅผ ๊ฒฐ์ - ๋ชจ๋ ์๋ณ์(๋ณ์์ด๋ฆ, ํจ์์ด๋ฆ, ํด๋์ค ์ด๋ฆ ๋ฑ)๋ ์์ ์ด ์ ์ธ๋ ์์น์ ์ํด ์์ ์ ์ ํจ๋ฒ์๊ฐ ๊ฒฐ์ ๋จ. (ex. ํจ์๋ชธ์ฒด ๋ด์์ ์ ์ธ๋ ๋ณ์๋ ํจ์๋ชธ์ฒด ๋ด์์๋ง ์ ํจ. ๋ณ์๋ ๊ฐ์ฅ ๋ฐ๊นฅ์์ญ, ์ฝ๋๋ธ๋ก, ํจ์๋ชธ์ฒด ๋ด์์๋ ์ ํจ.) (1) ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ ์์ปฌ ์ค์ฝํ (lexical scope)์ - ๋์ ์ค์ฝํ(dynamic scope): ํจ์๋ฅผ ์ด๋์ ํธ์ถํ๋๊ฐ์ ๋ฐ๋ผ ํจ์์ ์์ ์ค์ฝํ๋ฅผ ๊ฒฐ์ - ๋ ์์ปฌ์ค์ฝํ ๋๋ ์ ์ ์ค์ฝํ(st..
-
[Javascript] ๋ชจ๋ ModuleTo infinity/Javascript ์ด๋ก 2021. 6. 10. 23:56
์์ฑ์ผ: 2021.06.10, Ver1 1. ๋ชจ๋์ด๋? - ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ฑํ๋ ๊ฐ๋ณ์ ์กด์ฌ. ์ฆ, ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ๋ถ๋ฆฌ๋์ด ์กด์ฌ (์ ํ๋ฆฌ์ผ์ด์ ๋ด์ ์๋ ๋ ๋ฆฝ์ ์ธ ์กด์ฌ) - ์ฌ์ฌ์ฉ๊ฐ๋ฅํ ์ฝ๋์กฐ๊ฐ, ์์ ๋ง์ ํ์ผ ์ค์ฝํ(๋ชจ๋ ์ค์ฝํ)๋ฅผ ๊ฐ์ง - ๋ชจ๋ ๋ด๋ถ์์ ์ ์ธํ ๋ชจ๋ ์๋ณ์๋ ํด๋น ๋ชจ๋ ๋ด๋ถ์์๋ง ์ฐธ์กฐํ ์ ์์. (์ฆ, ๋จ์น์ด ๋๋ฅผ ์ ์นญ์ผ๋ก '๊ท์๋ฏธ'๋ผ๊ณ ๋ถ๋ฅด๋ฉด ๊ทธ๊ฑด ๋จ์น๊ณผ ๋์์ ๊ด๊ณ(๋ชจ๋)์์๋ง ํด๋น๋๋ ํธ์นญ์ด๊ณ ๋ค๋ฅธ ๊ณณ์์ ๊ทธ ๋๊ฐ '๊ท์๋ฏธ'๋ผ๊ณ ๋ถ๋ฌ๋ ๋๋ ๋ฐ์ํ์ง ์๋๋ค.) - ๊ณต๊ฐ๊ฐ ํ์ํ ์์ฐ์ ํ์ ํ์ฌ ๋ช ์์ ์ผ๋ก ์ ํ์ ๊ณต๊ฐ๊ฐ ๊ฐ๋ฅ -> export - ๋ชจ๋ ์ฌ์ฉ์๋ ๊ณต๊ฐํ ์์ฐ ์ค ์ผ๋ถ, ์ ์ฒด๋ฅผ ์์ ์ ์ค์ฝํ ๋ด๋ก ๋ถ๋ฌ๋ค์ฌ ์ฌ์ฌ์ฉ -> import (๋๊ตฐ๊ฐ ๋๋ฅผ '๊ท์๋ฏธ'๋ผ๊ณ ๋ถ๋ฅผ ..