๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
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.
728x90
300x250

์ฝ”๋“œ