TIL -์ผ๊ฐํ์ต๊ธฐ๋ก31 3W_JS_์ค์ฝํ์ ํด๋ก์ -๋ณ์ ์ ๊ทผ ๊ท์น์ ๋ฐ๋ฅธ ์ ํจ๋ฒ์. ์ค์ฝํ์ ์๋ฏธ์ ์ ์ฉ ๋ฒ์๋ฅผ ์ดํดํ ์ ์๋ค ์ค์ฝํ์ ์ฃผ์ ๊ท์น์ ์ดํดํ ์ ์๋ค ์ค์ฒฉ ๊ท์น block scope์ function scope ์ ์ญ ์ค์ฝํ์ ์ง์ญ ์ค์ฝํ ์ ์ญ ๋ณ์์ ์ง์ญ ๋ณ์๊ฐ์ ์ฐ์ ์์ let, const, var ์ ์ฐจ์ด ์ ์ญ ๊ฐ์ฒด(window)์ ์ดํด let vscope = 'global'; //์ฌ๊ธฐ๋ถํฐ function fscope() { let vscope = 'local'; let lv = local variables'; alert(lv); } //์ฌ๊ธฐ๊น์ง local scope fscope(); alert(lv); ์ค์ฝํ ํน์ง 1. ๋ฐ๊นฅ ์ค์ฝํ(์ ์ญ = Global Scope)์ ๋ณ์๋ ์์ชฝ์์ ์ฌ์ฉ ๊ฐ๋ฅํ๋ค. 2. ์์ชฝ ์ค์ฝํ(์ง์ญ = L.. 2021. 11. 25. 2W _JS_CSS๊ธฐ์ด CSS ๋ด๋จธ๋ฆฟ์ css๋ ์กฐ์ค๊ธ ๊ทธ๋๋ ์๋ฐ์คํฌ๋ฆฝ์ ๋นํด์๋ ์ข ๋ค๋ฒผ๋ณผ๋งํ, ๊ทธ๋๊น ์๊ฐ์ด ๋ฌดํ๋๋ก ์์ผ๋ฉด ์ด๋ป๊ฒ๋ ๊ตฌ๊ธ๋งํด์ ๋ญ๋ผ๋ ํ ์์์๊ฐ์ ๊ทธ๋ฐ๊ฒ. ์๋ํ๋ฉด ๊ฐ๋ฐ์ ๋๊ตฌ๊ฐ ์์ธํ ํ๋์ฉ ์ง์ด๊ฐ๋ฉฐ ์๋ ค์ฃผ๊ณ , ์ ์ฉ ์ฌํญ์ด ๋ฐ๋ก๋ฐ๋ก ๋์ ๋ณด์ด๋๊น JS์ฒ๋ผ ๋ฌ๋..? ์ถ์ด console.log ์ฐ์ด๋ณด๋ฉด ๊ฒฐ๊ณผ๋์ ์ค๋ฅ๋์ค๋ ๊ทธ๋ฐ๋๋ ์๋๋๊น.... ์ฌ์ค์ ์์ฉ์ ์ด๋ ค์ํ๋ ๋ํํ ๋ ๊ทธ๋๋ ์กฐ๊ธ ์ธ๊ฐ๋ฏธ ์๋ ์ปดํจํฐ์ ์ธ์ด๋ก ๋๊ปด์ง๋ค. ์ค๋ ์์ ์ค์ CSS๊ฐ ์ซ์ด ๋ฐฑ์๋ ๊ฐ์๋ ๋ถ๋ค์ด ์๋ค์ ์, ์ค! ๋ด๊ฐ ์์ค ๋ฌด์์ ํ๋ก ํธ์๋ ๊ฐ๊ณ ์ํ๋ ๊ทธ๋ฐ๊ฑด๊ฐ ๊ณต๊ฐํ๋ค. ํ์ง๋ง, ๋๋ง์น๊ณณ์ ๋์์ ์๋ค......๊ณ ํ๋ ์ด์ฌํ JS๋ ์นํด์ ธ์ผ์ง ์ด๋ ค์์ ์คํ๋ ค ์ข์~~ CSS ํ์ต๋ชฉํ CSS์ ์ฌ์๋ชฉ์ ์ ์ดํดํ๋ค ํ๋ก ํธ์.. 2021. 11. 19. 1W _JS_์กฐ๊ฑด๋ฌธ ํ์ต๋ชฉํ truthy์ falsy ๊ฐ ์กฐ๊ฑด๋ฌธ์์ ์๋ํ๋ ๋ฐฉ์ 0 '' undefined null NaN console.log(boolean(์์๊ฐ)); ์ false๋ก ํ์ธ๋จ. falsy๊ฐ์ ์ ์ธํ ๊ฐ ๋น ๊ฐ์ฒด({})๋,๋น ๋ฐฐ์ด([]) ๋ํ true๋ก ํ์ธ๋จ. ๋น๊ต์ฐ์ฐ์๋ฅผ ํตํ ์๊ฒฉํ ๋น๊ต(=== , !==)์ ๋ํด ์ดํด ==๋ Equal Operator ===๋ Strict(์๊ฒฉํ) Equal Operator 0 ==='0' false // ๊ฐ์ 0 ์ด์ง๋ง ํ์ (number์ string)์ ๊ตฌ๋ถํ๋ฏ๋ก ๊ฑฐ์ง ์ถ๋ ฅ 0 == '0' true // ๊ฐ์ 0์ธ๊ฒ๋ง ํ์ธํ๊ณ ์ฐธ ์ถ๋ ฅ 0 !== 0 false // ๊ฐ์ ํ์ ๊ณผ ๊ฐ์ ๋ด์ฉ์ผ๋ก ์ฐธ์ผ๋ !== ์ฐ์ฐ์๋ ๊ฑฐ์ง์ ์ถ๋ ฅํ๋ค 0 !=='0' true // .. 2021. 11. 15. 1W _JS_ ๋ณ์, ํ์ 1. ๋ณ์ (variables) https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Variables ํ์ต ๋ชฉํ โกโณโ โถํ๋ก๊ทธ๋๋ฐ์ ๋ฐ์ดํฐ ์ฒ๋ฆฌ๋ฅผ ํ๋ ๊ฒ์์ ์๋ค.โ โถ๋ณ์ ์ฌ์ฉ์ ๋ฐ์ดํฐ๋ฅผ ํธ๋ฆฌํ๊ฒ ์ ์ฅํ๊ณ ๊บผ๋ด ์ฐ๋ ๊ฒ์์ ์ดํดโ - ๋ณ์๋ ํฐ์๋์ฅ์ ํ ์๋์ ์ด๋ฆ์ ์ ์ด๋๊ณ (๋ณ์์ ์ธ) ์ด๋ฆ์ ํด๋นํ๋ ๊ฒ๋ค์ ๋ฃ์ด๋๋๊ฒ(๋ณ์ํ ๋น)๊ณผ ๋น์ทํ๋ค. โถ๋ณ์์ ์ ์ธ๊ณผ ๊ฐ์ ํ ๋น์ ๋ํด์ ์ค๋ช ํ๊ณ ์ฝ๋๋ก ์์ฑโ - let https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/let / const https://developer.mozilla.org/ko/do.. 2021. 11. 10. ์ด์ 1 2 3 4 ๋ค์