๋ฐ์ํ
โค๏ธ๐ฅ Liked
- JavaScript ์์ตํ๋ ๊ฒ ์ด์ง ๋น์ ๋ฐํ๋ ํ ์ฃผ. ๊ทธ๋์ ์์ตํ๋ ๊ฑฐ 4์ผ ๋ง์ ์ง๋ ๋ค ๋๊ฐ ๊ฑฐ ์คํ์ธ๊ฐ... ๋งค์ผ ๋ง์กฑ๋๋ฅผ ์ฒดํฌํ๋๋ฐ ์ด๋ฒ ์ฃผ๋ 100%๊ฐ ์๋ค...๐ซ ๊ทธ๋งํผ ์ฝ์ง ์์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด. ๊ทธ๋๋ง ์์ตํด์ ๋คํ์ด์๋ค๊ณ ์๊ฐํ๋ค. ์ฐจ๊ทผ์ฐจ๊ทผ ์ ํํ ์ด ๊ธฐ์ ์ ์ต๋ํ๋ ๋ฐ ์ง์คํ์.
- ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋๋ฌด ํท๊ฐ๋ฆฌ๋ ๋ฐฐ์ด ๋ฉ์๋๋ค... ์์ง ์๋ฒฝํ๊ฒ ์์ ์ต์ ๊ฑด ์๋์ง๋ง ์ ๋ฌธ์ ์์ค์ ๋ง๊ฒ ๋ค ํ์ด์ ์ค๋ช ํด์ฃผ์ ์ ํฐ ๋์์ด ๋๋ค. ๋ฅ์ํ๊ฒ ํ์ฉํ๋ ๋ ์ด ์ค๊ธธ ๋ฐ๋ผ๋ฉด์ ์ด์ฌํ ๋ณต์ตํ์.
- ํธ์ค ๋์ด ๋ค ์ดํดํ๋ ค๊ณ ํ์ง ๋ง๊ณ ์ธ์ธ ๊ฑด ์ธ์๋ผ! ํ๊ณ ์๊ธฐํ ๊ฒ๋ค์ ๋ฐ๋ก ์๋ ค์ฃผ์ ์ ์ข์๋ค. ์ดํดํด์ผ ํ๋ ๊ฒ๋ ์๊ณ ์๊ธฐํ ๊ฒ๋ ์์ ํ ๋ฐ ์๋ฐ์คํฌ๋ฆฝํธ ์ ๋ฌธ์๋ ๊ตฌ๋ถํ๊ธฐ ์ด๋ ต๋ค. ๋ฌด์ง์ฑ ์๊ธฐ ์คํ๋ ค ์ข์~
- ๋น๊ต์ ์งง๊ฒ ๋ฐฐ์ฐ๊ณ ๋์ด๊ฐ๋ Sass, ์ฌํ๋์ ๊ณผ์ ๋ฅผ scss๋ก ๊ตฌํํด๋ดค๋๋ฐ ์ ๋ฒ์ฃผ์ ๋์น๋ณด์ง ๋ง๊ณ ์ฝ๋ ๋ฆฌ๋ทฐ ๋ฐ์๊ณ ๋ชฉํ๋ฅผ ์ค์ ํด๋์ ํฐ๋ผ ์ฉ๊ธฐ๋ฅผ ๋ด์ ์ฌํ๋๊ป ๊ณผ์ ์ ๋ํ ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ์์ฒญํ๊ณ ์ฅ๋ฌธ์ ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ๊ฒ ๋์๋ค. (์ง๊ธ ์๊ฐํด๋ ์ฐ์... ๊ฐ๋๐ฅน) ์ฝ๋์ ๊ฐ์ ์ ์ ์๊ฒ ๋๋ฉด์ ๋๊ธฐ๋ค์๊ฒ ์ด ๊ฒฝํ์ ๊ณต์ ํ๊ณ ์ถ์ ๋ง์์ ํผ๋๋ฐฑ ๊ณต์ ์ ํจ๊ป ๊ฐ๋จํ Sass์ค์ต ์คํฐ๋๋ฅผ ๋ชจ์งํ๊ฒ ๋์๋๋ฐ ์ฒ์์ 5~10๋ช ์ ์ธ์ ์ ๋๋ฅผ ์์ํ์ผ๋... ์ ์ ์ค์ผ์ผ์ด ์ปค์ง๊ธฐ ์์ํ๋๋ ๊ณ ๋ง๊ฒ๋ ๋๊ธฐ์ค ์ ๋ฐ์ธ 50๋ถ์ด๋ ์ฐธ์ฌํด์ฃผ์ จ๊ณ ๋๋ฃํน๊ฐ ์คํฐ๋๋ฅผ ๋ฆฌ๋ํ๋ ํน๋ณํ ๊ฒฝํ์ ํ ์ ์์๋ค.
- ๋๊ณ ๋๊ณ ๋ณด๊ณ ์ถ์ด์ ์ ์ฅํด ๋์ ์๊ฐ์๋ค์๊ฒ ์ ํ๋ ํธ์ค๋์ ๊ฒฉ๋ ค ๋ฉ์์ง! ๐
๐ฃ Lacked
- ์งง์ ๊ธฐ๊ฐ ๋ด์ ์ต๋ํ ์์ง์ ๊ต์ก์ ์งํํ๋ ค๋ฉด ์ง๋๊ฐ ๋น ๋ฅผ ์๋ฐ์ ์๋ค. ์ด๋ฒ ์ฃผ๋ ์ง๋๊ฐ ๋น ๋ฅธ ๊ฒ๋ ์์ง๋ง ๊ฐ์ธ์ ์ธ ์ผ์ ์ด ๋ง์์ ๋ณต์ต ์๊ฐ์ ์ ํ์ฉํ์ง ๋ชปํ๊ณ , ๊ฒฐ๊ณผ์ ์ผ๋ก ๋ค์๋ ์์ ์๋ ์ํฅ์ ๋ฐ๊ฒ ๋์๋ค. ๋ฃจํด์ ํ๋ฃจ๋ง ์งํค์ง ๋ชปํด๋ ์ ๋ถ ๋ฐ๋ ค๋ฒ๋ฆฐ๋ค. ์ฝ์๋ณด๋ค ๋ฉ์ฌ๋ฅผ ๊ฐ์ฅ ์ฐ์ ์์๋ก ๋์....^_ใ ...
- ํํ ๊ฐ๋ฐ ๋จธ๋ฆฌ๋ ๋ฐ๋ก ์๋ค๋ ์๊ธฐ๋ฅผ ๋ง์ด ๋ค์ด์ ๋ฌธ๊ณผ์ธ ๋ด ์ ์ฑ์ ๋ง์๊น ํญ์ ๊ณ ๋ฏผ์ด ๋ง์๋๋ฐ, ํ๋ก ํธ์ชฝ์ ๊ฐ์ฌ๋๋ค ๋ง์ํ๊ธฐ๋ก๋ ๊ทธ๋ ๊ณ ์ ๋ง ์์์ ํ๊ณ ๋ ์ฌ๋ฅ์ด ์๋ ์ฌ๋์ด ์๋๋ผ๋ฉด ์ผ๋ง๋ ๋ฐ๋ณต ํ์ตํ๋๋, ๋ด ๊ฒ์ผ๋ก ๋ง๋ค๊ธฐ ์ํ ๊ณ ๋ฏผ์ ํ๋๋๊ฐ ์ค์ํ ๊ฒ ๊ฐ๋ค. ์ด๋ฒ ์ฃผ๋ ๊ทธ๋ฐ ๋ ธ๋ ฅ์ด ๋ถ์กฑํ๋ค๋ ์ ์์ ๋ฐ์ฑ์ด ํ์ํ ํ ์ฃผ์๋ค. ๋ถ์กฑํจ์ ๋๋ผ๋ ๋งํผ ๋ ์น์ดํ๊ฒ ์๊ฐ์ ์์ ๊ฒ!
โ๏ธ Learned
- parsrInt() ๋ฌธ์์ด์ ์์์ ์๋ ์ ์๋ก ๋ณํํ๋ ํจ์.
- Math.method() ๋ด์ฅ ๊ฐ์ฒด ์๊ธฐ โญ๏ธ
- ์ผํญ์ฐ์ฐ์์ ๊ตฌ์กฐ๋ ์กฐ๊ฑด์ ? ์ฐธ์ผ ๊ฒฝ์ฐ ์คํ๋๋ ํํ์ : ๊ฑฐ์ง์ผ ๊ฒฝ์ฐ ์คํ๋๋ ํํ์
- ๋จ๋ฝํ๋ก ํ๊ฐ์ nullish ์ฐ์ฐ์ ์ฐจ์ด์ , or์ 0์ false๋ก ์ธ์, nullish๋ 0์ 0์ผ๋ก ์ธ์ํ๋ค๋ ์ .
- json์ JavaScript์์ Object๋ฅผ ํํํ๋ ํ์์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ํํํ ์ ๋ณด ๋ฉ์ด๋ฆฌ.
- Booleanํ์ ์ true ๋๋ false ๊ฐ ์ค ํ๋๋ฅผ ๊ฐ์ง๋ฉฐ, ์ฃผ๋ก ์กฐ๊ฑด๋ฌธ(if)์ ๊ฒฐ๊ณผ๊ฐ์ผ๋ก ์ฌ์ฉ.
- Boolean ๋ ผ๋ฆฌ์ฐ์ฐ์ True & false ๋ฐํ์์ ์๊ธฐ โญ๏ธ
- ํ ํ๋ฆฟ ๋ฆฌํฐ๋ด ์ฌ์ฉ๋ฒ `${}`
- … ๋ฅผ ํ์ฉํด์ ์ ๊ฐ๊ตฌ๋ฌธ์ ํ์ฉํ๋ฉด array๋ object ๋ด๋ถ์ ์๋ ๋ด์ฉ์ ๋ณผ ์ ์๋ค.
- map() ๋ฉ์๋๋ ๊ฒฐ๊ณผ์ ๋ง๋ ์ ๊ท ๋ฐฐ์ด์ ๋ฐํ.
- ๋ฐฐ์ด์ ํน์ง, ๊ตฌ์กฐ, ๋ฉ์๋๋ค ๋ณ ๋ค์ฏ ๊ฐ! โญ๏ธโญ๏ธโญ๏ธโญ๏ธโญ๏ธ
- const๋ก ์ ์ธ๋ ๋ณ์๋ ๊ฐ์ด ๋ณํ ์ ์๋๋ฐ ๋ฐฐ์ด์์๋ ๊ฐ์ด ๋ณํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ด๋ ์ด์ ? Array์์ ๊ฐ์ ๋ณ์์ ์ ์ฅํ ๋ ๊ฐ ์์ฒด๊ฐ ์๋ ๊ฐ์ ์์น๋ฅผ ์ ์ฅ. ์ฆ ๋ณ์์ ์ฐธ์กฐ(์์น)๋ ๊ทธ๋๋ก ๋ฐฐ์ด์ ๊ฐ๋ฆฌํค๊ธฐ ๋๋ฌธ์ ๋ณ์ ๋ด๋ถ์ ๊ฐ ์์ฒด๋ ์ ๋์ ์ผ๋ก ๋ณํ ์ ์๋ค.
- Method๋ class ๋ด๋ถ์ ์๋ Function. .์ ์ฐ์ด ์ ๊ทผํ ์ ์๋ function์ด๋ผ๋ฉด Method
- ํ์ดํ ํจ์ ๋ณ ๋ค์ฏ ๊ฐ. โญ๏ธโญ๏ธโญ๏ธโญ๏ธโญ๏ธ
- ๋ฐ๋ณต๋ฌธ for …in๋ฌธ์ Object, Array ์ index๋ฅผ ์ํ.
- ๋ฐ๋ณต๋ฌธ for..of๋ฌธ์ ๋ฐ๋ณต๋๋ ์ด๊ฑฐ๊ฐ๋ฅ(enumerable)ํ ์์ฑ์ด ์๋ ๊ฐ์ฒด๋ฅผ ์ํ. Array Map String …
- ์ ๊ฐ ๊ตฌ๋ฌธ์ ๋ฐฐ์ด์ด๋ ๊ฐ์ฒด์ ๊ฐ์ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ํ์ฅํ ๋ ์ฌ์ฉํ๋ ๋ฌธ๋ฒ. spread ์๋ฏธ๋๋ก, Array๋ Object์ ๋ฐ์ดํฐ๋ฅผ ํผ์ณ๋๋ ๊ฒ.
๐ฉ๐ป๐ป Longed For
- 10km ๋ฌ๋.
- ํ๋ก๊ทธ๋๋จธ์ค 0๋จ๊ณ ๋ฌธ์ ๋งค์ผ 2๊ฐ์ฉ ํ๊ธฐ.
- ์ด๋ ฅ์ ํด๊ณ .
- ์ฝ๋ฉ์๋ง JS ์ค๊ธ ๊ฐ์ ์๊ฐ.
- ๋งค์ผ ์ต์ ์์ต 1์๊ฐ, ๋ณต์ต 3์๊ฐ ์คํํด๋ณด๊ธฐ.
- ๊ธฐ์ 2๊ฑด ํฌ์คํ Sass, for...in๊ณผ for...of์ ์ฐจ์ด
๋ฐ์ํ