๋ ธ๋ง๋์ฝ๋32 ํด๋ฆฐ์ฝ๋ Day 2. ๊นจ๋ํ ์ฝ๋๋? โ ์ด ํฌ์คํ ์ ๋ ธ๋ง๋ ์ฝ๋ ๋ถํด๋ฝ 'ํด๋ฆฐ ์ฝ๋' ์ฑ๋ฆฐ์ง๋ฅผ ์งํํ๋ฉด์ ์์ฑํ๋ TIL์ด๋ฉฐ, ์ถ์ฒ๋ Clean Code์ ๋๋ค. ๐ ๋ฒ์ : ์ถ์ฒ์ฌ ~ 01์ฅ. ๊นจ๋ํ ์ฝ๋ ๐ ์ฑ ์์ ๊ธฐ์ตํ๊ณ ์ถ์ ๋ด์ฉ์ ์จ๋ณด์ธ์. code๋ ์๊ตฌ์ฌํญ์ ํํํ๋ ์๋จ์ด๋ค. ๋์ค์ ์์ ํ๊ธฐ๋ณด๋ค๋ ์ฒ์๋ถํฐ ๊นจ๋ํ ์ฝ๋๋ฅผ ์ง๊ธฐ ์ํด ๋ ธ๋ ฅํ๋ ํธ์ด ์๊ฐ์ ์ ์ฝํ ์ ์๋ค. ์ฝ๋๋ ์์ฑํ๋ ์๊ฐ๋ณด๋ค ์ฝ๋ ์๊ฐ์ด ๋ ๋ง๋ค, ๋ค๋ฅธ ์ฌ๋์ด ๋ดค์ ๋ ์ฝ๊ธฐ ์ฌ์ธ ๋ฟ ์๋๋ผ ๊ณ ์น๊ธฐ๋ ์ฌ์ด ์ฝ๋๊ฐ Clean Code์ด๋ค. ์์กด์ฑ โฌ, ํ ๊ฐ์ง์๋ง ์ง์คํ๋ ์ฝ๋๊ฐ ์ข์ ์ฝ๋์ด๋ค. ์ฝ๊ธฐ ์ฝ๊ฒ ์์ฑํ๋ผ! โ๐ป ์ค๋ ์ฝ์ ์๊ฐ์? ๋ ์ค๋ฅด๋ ์๊ฐ์ ๊ฐ๋ณ๊ฒ ์ ์ด๋ณด์ธ์. ์๋ ์ฑ ์ด ๋๊บผ์์ ์ด๋ ค์ด ๋ด์ฉ์ด๋ฉด ์ด๋ป๊ฒ ํ๋ ๋ฏธ๋ฆฌ ๊ฒ์ ๋จน์ ์ํ์๋ค. ํ์ง๋ง ์ ์.. 2022. 4. 24. ํด๋ฆฐ์ฝ๋ Day 1. ๋ ธ๊ฐ๋ถ ์์ํ๊ธฐ โ ์ด ํฌ์คํ ์ ๋ ธ๋ง๋ ์ฝ๋ ๋ถํด๋ฝ 'ํด๋ฆฐ ์ฝ๋' ์ฑ๋ฆฐ์ง๋ฅผ ์งํํ๋ฉด์ ์์ฑํ๋ TIL์ด๋ฉฐ, ์ถ์ฒ๋ Clean Code์ ๋๋ค. ์๋ก์ด 3์ฃผ ์ฑ๋ฆฐ์ง ์ฐธ์ฌ! ์ง๋ ๋ฐ๋๋ผ JS 2์ฃผ ์ฑ๋ฆฐ์ง๋ฅผ ์ฐธ์ฌํ๋ฉด์, ๋ฅ๋์ ์ผ๋ก ๊ณต๋ถํ๊ฒ ๋์๋ ์ข์ ๊ธฐ์ต์ผ๋ก ์๋ก์ด ์ฑ๋ฆฐ์ง์ ์ฐธ์ฌํ๊ฒ ๋์๋ค. ์ด๋ฒ ๊ณผ์ ๋ 3์ฃผ ๋์ ์ฑ ์ ํต์ฌ ๋ถ๋ถ์ ์ค์ผ์ค์ ๋ฐ๋ผ ์ฝ์ผ๋ฉด์ TIL์ ์์ฑํ๋ฉด ๋๋ ์ฑ๋ฆฐ์ง์ด๋ค. ํด๋ฆฐ ์ฝ๋๋ ํ์์ ์ฝ์ด๋ณด๊ณ ์ถ๋ ์ฑ ์ด๊ธฐ๋ ํ๊ณ , ๊ธฐ์ ํ๋ ๊ฑฐ ์ฑ๋ฆฐ์ง์ ํจ๊ป ํ๋ฉด ๋ ์ฒด๊ณ์ ์ผ๋ก ํ ์ ์์ ๊ฒ ๊ฐ์์ ์ ์ฒญํ๋ค. ๋ค๋ง ์ ์ฒญํ ์ง ๋๋ฌด ์ค๋๋์๋ค ๋ณด๋ ๊ธ์์ผ์ ์์์ด์๋๋ฐ, ์ฒซ๋ ์ ์ฐธ์์ ๋ชปํ๊ณ ๋ง์๋ค.๐ฅ 2์ผ ์ฐจ๋ถํฐ๋ผ๋ ๋นผ๋จน์ง ์๊ณ ์ ๋๋ก ์ฐธ์ฌํ๋ ค๊ณ ํ๋ค. ํ์ง๋ง ํฌ์คํ ์ด 2์ผ์ฐจ ๋ถํฐ ์์ํ๊ธฐ์๋ ๋ด ์ฑ๊ฒฉ์ ์ ๊ฒฝ ์ฐ์ผ.. 2022. 4. 24. [ํ๊ธฐ] ๋ ธ๋ง๋์ฝ๋ ๋ฐ๋๋ผJS ์ฑ๋ฆฐ์ง 1์ฃผ์ผ ์ง๋ ์์ ํ๊ธฐ ๋ฐ๋๋ผ JS์ฑ๋ฆฐ์ง๋? ๐ "๋ ธ๋ง๋์ฝ๋" ์ฌ์ดํธ์์ ์งํ ์ค์ธ ํ๋ก๊ทธ๋จ์ผ๋ก, ๋งค ๊ธฐ๊ฐ๋ณ๋ก ์ง์์๋ฅผ ๋ฐ์์ ์ ํด์ง ๊ธฐ๊ฐ ๋์ ๋ฏธ์ ์ ๋์ ํ๋ ์ผ์ข ์ ์คํฐ๋๋ค! ๊ทธ๋ฆฌ๊ณ ์ฑ๋ฆฐ์ง๋ ๋ฌด๋ฃ์ง๋ง, ์ฑ๋ฆฐ์ง์ ์ฐธ์ฌํ๊ธฐ ์ํด ์ ๋ฃ ๊ฐ์๋ฅผ ์๊ฐํด์ผ ํ๋ ๊ฒฝ์ฐ๊ฐ ์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ์ค์์ ๋ด๊ฐ ์ฐธ์ฌํ ๊ณผ์ ์ ๋ฐ๋๋ผJS์ฑ๋ฆฐ์ง๋ก ์๋์ '๋ฐ๋๋ผ JS๋ก ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ' ๊ฐ์์ ๊ฐ์ด ์งํ๋๋ ์ฑ๋ฆฐ์ง์ด๋ค. ๊ฐ์๋ ๋ฌด๋ฃ, ์ฑ๋ฆฐ์ง๋ ๋ฌด๋ฃ์ธ๋ฐ ์ฑ๋ฆฐ์ง๋ฅผ ๋๋ด๊ณ ๋๋ฉด ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ค์ ๋ ์ฌ์ฉํ ์ ์๋ ์ต๋ 30% ํ ์ธ์ฟ ํฐ๊ณผ ๋ฑ์ง, ์๋ฃ์ฆ ๋ฑ์ ์ ๊ณตํ๋ค๊ณ ํ๋ ์ ํ ์ด์ ๊ฐ ์๋?๐ ์ฑ๋ฆฐ์ง์ ๋ชฉ์ ? ํํ์ด์ง์ ๋์์๋ ๋ชฉ์ ์ ์์ ๊ฐ๋ค. ํฌ๊ฒ ๊ฐ์๋ฅผ ๋์ด๋๊ณ ์๊ฐํ๊ธฐ ํ๋ค์๋ ์ฌ๋์ด๋, ๊ฐ์๋ง ๋ฃ๊ณ ์ค์ ์ ์ ์ฉ์ด ์ด๋ ค์ ๋ ์ฌ๋๋ค์ด ๋ค์ผ๋ฉด ์ข๋ค.. 2022. 3. 16. [TIL] ๐ก Day 5 - JS๋ฅผ ํตํด์ CSS๋ฅผ ์กฐ์ํ๋ ๋ฐฉ๋ฒ๋ค โ ์ด ํฌ์คํ ์ ๋ ธ๋ง๋์ฝ๋ - "๋ฐ๋๋ผ JS๋ก ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ๋ฅผ ๋ค์ผ๋ฉด์ ๊นํ๋ธ์ ๊ธฐ๋กํ ํ๊ธฐ๋ฅผ ์ฎ๊ธด ๋ด์ฉ์ ๋๋ค. JS๋ฅผ ํตํด์ CSS๋ฅผ ์กฐ์ํ๋ ์ฌ๋ฌ ๊ฐ์ง ๋ฐฉ๋ฒ์ ๋ฐฐ์ ๋ค.๐ ๐ฑ CSS in Javascript 1๏ธโฃ ๐ JS์์์ style๋ก CSS์ ์ ๊ทผํ์ฌ ์กฐ์ํ๋ ๋ฐฉ๋ฒ ์์ ์ฝ๋ const h1 = document.querySelector("div.hello:first-child h1"); function handleTitleClick() { // getter - ๊ฐ์ ๊ฐ์ ธ์ด console.log(h1.style.color); // setter - ๊ฐ์ ์ค์ ํจ h1.style.color = "cornflowerblue"; console.log(h1.style.color); } // console๊ฒฐ.. 2022. 3. 13. ์ด์ 1 ยทยทยท 4 5 6 7 8 ๋ค์ ๋ฐ์ํ