์ ์ฒด ๊ธ48 2W _JS_CSS๊ธฐ์ด CSS ๋ด๋จธ๋ฆฟ์ css๋ ์กฐ์ค๊ธ ๊ทธ๋๋ ์๋ฐ์คํฌ๋ฆฝ์ ๋นํด์๋ ์ข ๋ค๋ฒผ๋ณผ๋งํ, ๊ทธ๋๊น ์๊ฐ์ด ๋ฌดํ๋๋ก ์์ผ๋ฉด ์ด๋ป๊ฒ๋ ๊ตฌ๊ธ๋งํด์ ๋ญ๋ผ๋ ํ ์์์๊ฐ์ ๊ทธ๋ฐ๊ฒ. ์๋ํ๋ฉด ๊ฐ๋ฐ์ ๋๊ตฌ๊ฐ ์์ธํ ํ๋์ฉ ์ง์ด๊ฐ๋ฉฐ ์๋ ค์ฃผ๊ณ , ์ ์ฉ ์ฌํญ์ด ๋ฐ๋ก๋ฐ๋ก ๋์ ๋ณด์ด๋๊น JS์ฒ๋ผ ๋ฌ๋..? ์ถ์ด console.log ์ฐ์ด๋ณด๋ฉด ๊ฒฐ๊ณผ๋์ ์ค๋ฅ๋์ค๋ ๊ทธ๋ฐ๋๋ ์๋๋๊น.... ์ฌ์ค์ ์์ฉ์ ์ด๋ ค์ํ๋ ๋ํํ ๋ ๊ทธ๋๋ ์กฐ๊ธ ์ธ๊ฐ๋ฏธ ์๋ ์ปดํจํฐ์ ์ธ์ด๋ก ๋๊ปด์ง๋ค. ์ค๋ ์์ ์ค์ CSS๊ฐ ์ซ์ด ๋ฐฑ์๋ ๊ฐ์๋ ๋ถ๋ค์ด ์๋ค์ ์, ์ค! ๋ด๊ฐ ์์ค ๋ฌด์์ ํ๋ก ํธ์๋ ๊ฐ๊ณ ์ํ๋ ๊ทธ๋ฐ๊ฑด๊ฐ ๊ณต๊ฐํ๋ค. ํ์ง๋ง, ๋๋ง์น๊ณณ์ ๋์์ ์๋ค......๊ณ ํ๋ ์ด์ฌํ JS๋ ์นํด์ ธ์ผ์ง ์ด๋ ค์์ ์คํ๋ ค ์ข์~~ CSS ํ์ต๋ชฉํ CSS์ ์ฌ์๋ชฉ์ ์ ์ดํดํ๋ค ํ๋ก ํธ์.. 2021. 11. 19. 1์ฃผ์ฐจ ์ฃผ๊ฐ ํ์ต ํ๊ณ ๋ก if(์ฝ๋ฉ๊ณต๋ถ === ๋๋ฌด์ด๋ ต๋ค){ return rockHead; } ์ฝ๋ ์คํ ์ด์ธ 36๊ธฐ 1์ฃผ์ฐจ ๋งค์ผ์ด ๋๊นจ๊ธฐ์ '์ค ์ขํ ๋งํ๋ค'์ ์ฐ์!! ๊ธฐ๋ณธ์ ์ธ ๊ฐ๋ ํ์ต์ 1+1= ์ ๋ญ๊น์ ๋ผ์ ์ค ์ด๋ฒ ๊ณต๋ถ๋ ์ฝ๊ฒ ๊ตฐ ํ์ง๋ง ์ฐ์ต๋ฌธ์ ๋ ๊ฐ์๊ธฐ ์ํ๊ต์ก๊ณผ ์ ๊ณต ์์ ์ฒญ๊ฐํ๋ ๊ธฐ๋ถ์ด๋ค ใ ใ ใ ใ 1์ฃผ์ฐจ์ ๋ฐฐ์ด ๋ด์ฉ ์ค ๋ง์ ์๊ฐ์ ํ ์ ํด์ผ ํ ๋ถ๋ถ์ด๋ผ๊ณ ๋๋ผ๋ ๊ณณ์ ํจ์, ์กฐ๊ฑด๋ฌธ ๊ทธ๋ฆฌ๊ณ ๋๋ง์ ๋ฐ๋ณต๋ฌธ ์ด๋ค. ์กฐ๊ฑด๋ฌธ์ ๋๋ฆ ์๊ฐ์ ์ ์ ๋ฆฌํด์ ์๋์ฝ๋๋ฅผ ์์ฑํ๋ฉด ์ฝ๋๋ก ์ฎ๊ธธ์ ์์๋๋ฐ , ๋ฐ๋ณต๋ฌธ์ ์๋์ฝ๋๋ถํฐ ์์ฑ์ด ์ ์๋๋๋ผ ๋ญ๊ฐ๋ฌธ์ ์ธ์ง ๊ณ ๋ฏผํด๋ดค๋๋ฐ ์ผ๋จ ๊ธฐ์ด์ ์กฐ๊ฑด์ ์ฆ๊ฐ๋ฌธ ์ค์ ๋ถ๋ถ๋ถํฐ ์ ์ฝ์ด ์ง์ง์๋๋ค.(๋ฌธ๊ณผ๋ผ ๊ทธ๋ฐ์ง ์ฝ๋๋ ๋ค ์ฝ๊ณ ๋ง์ด ๋์ผ ์ดํด๊ฐ๋ฅ..ใ ใ ใ ) ๊ทธ๋ฆฌ๊ณ ๊ฐ์ฅ ์ค์ํ ๊ฒ์ ๋ด๊ฐ ์ด ์ฝ๋๋ฅผ ํต.. 2021. 11. 15. 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. ํ ๊ฐ์ง๋ฅผ ์ด๋ฃจ๊ธฐ ์ํด ํด์ผํ๋ ์ํ์ํ ๊ฐ์ง ์ซ์๊ฒ. ์ด๋๊ฐ์์ ๋ดค๋๋ฐ, ๋ด๊ฐ ์ข์ํ๋ ์ผ์ ํ๊ธฐ ์ํด์๋ ์ซ์ดํ๋ ์ํ์ํ ๊ฐ์ง์ ์ผ์ ํด์ผ ํ๋ค๊ณ ํ๋ค. ๊ทธ๋์.. ์ค์ฒํด๋ณด๋ ค๊ณ ๋ง๋ ๋๊ฐ ์ด๊ธฐ๋ ๋ด๊ฐ ์ด๊ธฐ๋ ๋ธ๋ก๊ทธ! ๊ณต๋ถํ๋ฉฐ ๋ฐฐ์ฐ๋ ๊ฒ๋ค๊ณผ ๋ถ๋ชํ๋ ๋ฌธ์ ๋ค์ ์ ์ด๋๊ณ ํ๋๋ฉด ๊บผ๋ด๋ณด๋ ์๋ฌผ ์ฑ์ฅ์ผ์ง ๊ฐ์ Jane์ ์ฑ์ฅ์ผ๊ธฐ. (๋ถ๋ ์ค๋์ค๋ ์์๋ ๊ธธ๊ฒ..) 2021. 11. 8. 8์ 23์ผ ์์ํ ๋ฐ๋๋ผ JS ๋์ฝ๋ผ์ค ์ ์๋์ ๋ฐ๋๋ผ js ํฌ๋กฌ ํด๋ก ์ฝ๋ฉ 15๊ธฐ ์ฑ๋ฆฐ์ง ์์ํ๋ค. ์๊ฐ๋ณด๋ค ๋ฐ์๊ฒ ์งํ๋ ๊ฑฐ๊ฐ๋ค. ๋๋ฆ ์ผ์ฃผ์ผ๊ฐ ์์๋ณด๋ฉฐ ์์ตํ๋๋ฐ ์ฑ๋ฆฐ์ง ์์ํ๋ ์ผ์ฃผ์ผ๊ฐ ์ด์ฌํ ๋ณธ ์์์ด 2์ผ์ฐจ ๋ถ๋์ด์์ ใ ใ ใ ใ ใ ์์ฐ ใ ใ ใ ใ ์ฌํํผ. ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ ํ๋ ์ ์ํฌ๋ฅผ ์ฌ์ฉํ์ง์๊ณ ์์ผ๋ก ์ง๋ JS๋ฅผ ๋งํ๋๊ฒ์ผ๋ก ์๊ณ ์๋๋ฐ ๋ฌด์ธ๊ฐ ๋ฐฐ์ฐ๋ ค๋ฉด ๊ธฐ์ด๋ฅผ ๋ค์ ธ์ผํ์ง ์๊ฒ ๋๊ฐ ์ถ์ ๋๋์ด๋ผ ๋ง์ ๋์์ด ๋ ๊ฑฐ ๊ฐ์ ์ผ๋ฅธ ์ ์ฒญํ๋ค. ์ด ์์ ์ ๋ฌด๋ฃ๋ก ์งํ๋๋ ์์ ์ธ๋ฐ ๋์ฝ์์ ์๊ฐ์๋ค์ ๋ํ ํ์ ์ด๋๊น ..๋๊ฐ์ ๋ ๋์ด (์ ํฌ๋ธ์ ์ข์ ๊ฐ๋ฐ๊ฐ์๋ฅผ ์ฐพ์๋ค๋๋) ์๊ฒ ๊ต์ฅํ ๋งค๋ ฅ์ ์ธ ์์ ์ด๋ค. ์ฝ๋ฉ ๊ณต๋ถ ์์ํ์๋ ๋ถ๋ค์ค ์๋จ ๊ณต๋ถํ์๋๋ถ๋ค์ ๋ ธ๋ง๋ ์ฝ๋์ ์ด์ ๊ฐ๋ณด์๊ธธ ๋ฐ๋๋๋น. ์ข์๊ฐ์ ๊ณต์ง๋ก ์ฌ๋ ค์ฃผ์ ๋๊ผฌ์ค ๊ฐ์ฌํฉ๋๋ค ์ด.. 2021. 8. 23. ์ด์ 1 ยทยทยท 5 6 7 8 ๋ค์