Javascript ํ์ต ๋ง์ง๋ง๋ !
CSS framework๋ ๋ง์ง๋ง์ ์ด์ง ๋ค๋ฃจ์๋ค.
Javascript
๋๋ฑ ์ฐ์ฐ์ (== vs ===)
โ == (Equality)
: ๊ฐ๋ง ๋น๊ต
โ๏ธ์๋ฌต์ ์ผ๋ก,ํ๋ฒํ(type casting)์ด ์ผ์ด๋๊ธฐ ๋๋ฌธ์, ์์นซ ์ํํ ์ ์๋ค!
'1'==1 //true
1==true //true
0==false
โ === Strict Equality
:ํ์ , ๊ฐ ๋ชจ๋ ๋น๊ต
'1'==1 //false
1==true //false
ํ๋ณํ์ผ๋ก ์๋ฒฝํ๊ฒ ํ๋๊ฒ์ด ์์ ์ ์ด๋ค!
Truthy / Falsy
์กฐ๊ฑด๋ฌธ์ด๋ ๋ ผ๋ฆฌ ์ฐ์ฐ์์ ์ฌ์ฉ๋๋ฉฐ, ํน์ ๊ฐ์ด ์ฐธ๊ณผ ๊ฑฐ์ง์ผ๋ก ๊ฐ์ฃผ๋๋ ์กฐ๊ฑด์ ๋ํ๋ธ๋ค.
โ Truthy
: true, "0", "false", infinity, -infinity, {}, [], new Date(), -42(์์)
โ Falsy
: false, null, undefined, 0, -0, NaN, ""
๋ฐ๋ณต๋ฌธ
โ ๊ธฐ๋ณธ for๋ฌธ: n๋ฒ ๋ฐ๋ณต
โ for of : array ์ํ
โ for in : object ์ํ
โ while : ์กฐ๊ฑด์ ๋ฐ๋ผ ๋ฐ๋ณต (๋ฌดํ)
โ๏ธ๊ฐ ๋ฐ๋ณต๋ฌธ์๋ฐ๋ผ, let,const์ ์ฌ์ฉํ๋ ์ฐจ์ด๋ฅผ ์์๋ณด์.
์ผ๋ฐ for๋ฌธ → let i ๋ฐ๋ณต๋ฌธ ๋ด๋ถ์์, ๊ฐ์ ๊ฐ์ ๋ฐ๋ณต์ ์ผ๋ก ์ฌ์ฉํด์ผ ํ๋ฏ๋ก ์ฌํ ๋น์ด ๊ฐ๋ฅํ let์ ์ฌ์ฉํด์ผํ๋ค.
for-of / for-in → ๋ชจ๋ ๋ฐ๋ณต์์, user,propertyName์ ๋ณ์๋ฅผ ์๋ก ์์ฑํ๊ธฐ ๋๋ฌธ์ ์ฌํ ๋น ํ์๊ฐ ์์ผ๋ฏ๋ก, const๋ฅผ ์ฃผ๋ก ์ฌ์ฉํ๋ค.
CSS Framework
๋ํ์ ์ธ CSS ํ๋ ์์ํฌ๋ค์ด๋ค.
๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋๋๊ฑด ๋ถํธ์คํธ๋ฉ์ด๊ณ , ์์ ์ ์ ํธ๋์ ์ฉ๋์ ๋ฐ๋ผ ์ฌ์ฉํ๋ค๊ณ ๋ค์๋๋ฐ,
์์ง ๋ฐฐ์๋ณด์ง ๋ชปํ๋๋ฐ , ์ด๋ฒ ๊ฐ์์ ์ค์ต์ ํตํด bootstrap์ ์ฒ์ ์ฌ์ฉํด๋ณด์๋ค!
ํ๋ ์์ํฌ๋ฅผ ์ด์ฉํด์, ๋๋ฑ ๋ง๋ ์ฐ์ต ํ์ด์ง...๐ซข
tailwind CSS๋ ๋ค๋ฅธ ํ๋ ์์ํฌ๋ค๋ ํ๋ฒ ๊ฐ์ธ์ ์ผ๋ก ๋ง๋ค์ด๋ด์ผ๊ฒ ๋ค!