728x90 300x250 ๊ฐ๋ฐ์ธ์ด/JS14 [CSS] textarea ํ ๋๋ฆฌ ํจ๊ณผ, ์ฌ์ด์ฆ์กฐ์ ์์ ๊ธฐ ์๋ ํ์ธ์ yunamom ์ ๋๋ค :D textarea ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ํ ๋๋ฆฌํจ๊ณผ ๋ฐ ์ฐ์ธกํ๋จ์ ๋๋ ๊ทธํด์ ํฌ๊ธฐ์กฐ์ ์ ํ ์ ์์ต๋๋ค. ์ด๋ฒ ์๊ฐ์๋ ํ ๋๋ฆฌ ํจ๊ณผ ๋ฐ ์ฌ์ด์ฆ์กฐ์ ์์ ๋ ๋ฐฉ๋ฒ์ ํฌ์คํ ํ๊ฒ ์ต๋๋ค. ์๋ ์ฝ๋๋ฅผ ์ถ๊ฐํด์ฃผ์๋ฉด ํ ๋๋ฆฌ(border),์ฌ์ด์ฆ์กฐ์ (resize) ํจ๊ณผ๋ฅผ ์์จ์ ์์ต๋๋ค :D *border-radius (ํ ๋๋ฆฌ ๋ฅ๊ธ๊ธฐ ํจ๊ณผ) textarea { border-radius: 0.8rem; border: none; resize: none; } 2022. 4. 5. [Markdown] ๋งํฌ๋ค์ด ๋งํฌ ์ฝ์ ํ๊ธฐ ์๋ ํ์ธ์ :D ๋งํฌ๋ค์ด์ ๋งํฌ ์ฝ์ ํ๋ ๋ฐฉ๋ฒ์ ํฌ์คํ ํ๊ฒ ์ต๋๋ค. โ URL ์ ๋ ฅํ๊ธฐ https://yunamom.tistory.com ๐์ถ๋ ฅ ์ https://yunamom.tistory.com โ ํ ์คํธ์ ๋งํฌ ์ฝ์ ํ๊ธฐ ๐๐ป[์์ค๋ง ๊ฐ๋ฐ์ผ์ง](https://yunamom.tistory.com) ๐์ถ๋ ฅ ์ ๐๐ป์์ค๋ง ๊ฐ๋ฐ์ผ์ง โ ๋งํฌ์ ์ค๋ช ์ถ๊ฐํ๊ธฐ ๐๐ป[์์ค๋ง ๊ฐ๋ฐ์ผ์ง](https://yunamom.tistory.com "์ด๋ณด ๊ฐ๋ฐ์ ๊ณต๋ถ๊ธฐ๋ก") ๋ง์ฐ์ค ์ปค์๋ฅผ ์ฌ๋ ธ์๋ ํ์ธํ ์ ์์ต๋๋ค. ๐์ถ๋ ฅ ์ ๐๐ป์์ค๋ง ๊ฐ๋ฐ์ผ์ง โ ์ฐธ์กฐ ๋งํฌ ์ฝ์ ํ๊ธฐ [์์ค๋ง ๊ฐ๋ฐ์ผ์ง][์ฐธ์กฐ ๋งํฌ] ๊ธ ๋ด์ฉ์์์๋ [์ฐธ์กฐ ๋งํฌ] ์ฌ์ฉ์ด ๊ฐ๋ฅํฉ๋๋ค. [์ฐธ์กฐ ๋งํฌ2]์ ์ค๋ช ์ ์ถ๊ฐํ ์ ์์ต๋๋ค. [์ฐธ์กฐ ๋งํฌ]: https://.. 2022. 3. 22. [CSS] footer ๋ฐ๋ฅ์ ๊ณ ์ ์ํค๊ธฐ ์๋ ํ์ธ์ yunamom ์ ๋๋ค :D ์ด๋ฒ ํฌ์คํ ์์๋ footer ํ๋จ์ ๊ณ ์ ์ํค๋ ๋ฐฉ๋ฒ์ ๋ํ์ฌ ์์๋ณด๊ฒ ์ต๋๋ค. ์นํ๋ก๊ทธ๋จ์ ๊ณต๋ถํ ๋ footer ๊ณ ์ ์ํค๋ ๋ฐฉ๋ฒ์ผ๋ก ์๋์ ๊ฐ์ ์ฝ๋๋ฅผ ๋ง์ด ์ฌ์ฉํ๊ฒ ๋ฉ๋๋ค. footer #wrap{ background: pink; } footer{ position:absolute; bottom:0px; } ์ด ๊ฒฝ์ฐ ๋ณธ๋ฌธ์ ๋ด์ฉ์ด ๊ธธ์ด์ง๋ฉด footer ๊ฐ ๋ฎ์ด ์์์ง๊ฒ ๋๋๋ฐ์. div ํ๊ทธ์ ๋์ด, ํฌ์ง์ ์ฝ๋๋ฅผ ์ถ๊ฐํด์ฃผ๋ฉด footer ๋ฅผ ํ๋จ์ ๊ณ ์ ์ํฌ์ ์์ต๋๋ค. #wrap{ min-height: 100%; position: relative; background: pink; } footer{ bottom: 0px; position: absolute; heigh.. 2022. 2. 23. [JS] ์๋ฐ์คํฌ๋ฆฝํธ ์ค๋ ํ์ธ ํ๊ธฐ function isLeapYear(year) { return new Date(year, 1, 29).getDate() === 29; } isLeapYear(2024) true isLeapYear(2100) false 2022. 2. 11. [Javascript] input ์ ๋ ฅ๊ฐ ์ถ๋ ฅํ๊ธฐ html function printName() { const name = document.getElementById('name').value; document.getElementById("result").innerText = name; } HTML ์ฝ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐํ ์ ์๋ ์์ค 2022. 2. 7. ์ด์ 1 2 ๋ค์ 728x90 300x250