๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 04 - ์—ฌ๋Ÿฌ ๋ฐ์ดํ„ฐ ๋‚˜์—ดํ•ด ๋ณด์—ฌ์ฃผ๊ธฐ [HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 03 - ํƒœ๊ทธ์˜ ๋‹ค์–‘ํ•œ ์†์„ฑ ํƒœ๊ทธ" data-og-description="[HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 01 - ํผ(form) [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 03 - SVG ์ด๋ฏธ์ง€ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 02 - ๋งํฌ ํƒœ๊ทธ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ].. onelight-stay.tistory.com ํ•œ ์ค„์งœ๋ฆฌ ๋ฐ์ดํ„ฐ์— ์–ด๋Š ์ •๋„ ๋ฐฐ์›Œ๋ณด์•˜์œผ๋‹ˆ ์ด๋ฒˆ์—๋Š” ์—ฌ๋Ÿฌ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๊ธฐ ์ข‹๊ฒŒ ๋‚˜์—ดํ•ด ๋ณด๋Š” ๊ฒƒ์— ๋Œ€ํ•ด์„œ ๋ฐฐ์›Œ๋ณด์ž. , , - ๋“œ๋กญ๋‹ค์šด ์‚ฌ์šฉ์ž๊ฐ€ ๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์—ฌ๋Ÿฌ ์˜ต์…˜ ์ค‘์—์„œ ์„ ํƒํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“  ๊ฒƒ์ด๋‹ค. ๋“œ๋กญ๋‹ค์šด ๋ชฉ๋ก์„ ์ œ์ž‘ํ•œ๋‹ค. ๋“œ๋กญ๋‹ค์šด ๋ชฉ๋ก์— ํ‘œ์‹œ๋˜๋Š” ์˜ต์…˜์„ ์ง€์ •ํ•œ๋‹ค. ๋“œ๋กญ๋‹ค์šด ๋ชฉ๋ก์—์„œ ์—ฌ๋Ÿฌํ•ญ๋ชฉ์„ ๋ช‡.. 2020. 6. 19.
[HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 03 - <input> ํƒœ๊ทธ์˜ ๋‹ค์–‘ํ•œ ์†์„ฑ [HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 02 - ์‚ฌ์šฉ์ž ์ž…๋ ฅ์„ ์œ„ํ•œ ํƒœ๊ทธ [HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 01 - ํผ(form) [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 03 - SVG ์ด๋ฏธ์ง€ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 02 - ๋งํฌ ํƒœ๊ทธ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 01 - ์ด๋ฏธ์ง€ ํƒœ๊ทธ [HTML+CSS].. onelight-stay.tistory.com ํƒœ๊ทธ์˜ ํผ์„ ๋งŒ๋“œ๋Š” ๊ธฐ๋ณธ์ ์ธ ๊ฒƒ์— ๋Œ€ํ•ด์„œ ์•Œ์•˜์œผ๋‹ˆ ํ•„๋“œ๋ฅผ ์ข€ ๋” ์„ธ๋ฐ€ํ•˜๊ฒŒ ์กฐ์ •ํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•ด์„œ ๋ฐฐ์›Œ๋ณด์ž. - autofocus ์†์„ฑ - ํ•ด๋‹น ์†์„ฑ์„ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ ํŽ˜์ด์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค์ž๋งˆ์ž ํผ์˜ ์š”์†Œ ์ค‘์—์„œ ์›ํ•˜๋Š” ์š”์†Œ์— ๋งˆ์šฐ์Šค ์ปค์„œ๋ฅผ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋‹ค. ์—ฌ๋ฆ„๋ฐฉํ•™ ํŠน๊ฐ• ์‹ ์ฒญ ์ˆ˜๊ฐ•๊ณผ๋ชฉ ์˜์–ดํšŒํ™”(์ดˆ๊ธ‰) ์‹ ์ฒญ์ž ์ด๋ฆ„ ํ•™๋ฒˆ ํ•™๊ณผ -.. 2020. 6. 18.
[HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 02 - ์‚ฌ์šฉ์ž ์ž…๋ ฅ์„ ์œ„ํ•œ <input> ํƒœ๊ทธ [HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 01 - ํผ(form) [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 03 - SVG ์ด๋ฏธ์ง€ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 02 - ๋งํฌ ํƒœ๊ทธ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 01 - ์ด๋ฏธ์ง€ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 04 - ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ.. onelight-stay.tistory.com ํƒœ๊ทธ์— ๋Œ€ํ•ด์„œ ๋ฐฐ์› ๋‹ค๋ฉด ํผ ์•ˆ์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜๋Š” ๋ถ€๋ถ„์— ์ง์ ‘ ์‚ฌ์šฉ๋˜๋Š” ํƒœ๊ทธ์™€ type์†์„ฑ๋“ค์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž. - ํผ์—์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ๋ฐ›๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ ํผ์€ ํฌ๊ฒŒ ์‚ฌ์šฉ์ž๊ฐ€ ๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜๋Š” ๋ถ€๋ถ„๊ณผ ์ž…๋ ฅ ๋‚ด์šฉ์„ ์„œ๋ฒ„๋กœ ์ „์†กํ•˜๋Š” ๋ถ€๋ถ„์ด ์žˆ๋Š”๋ฐ ์€ ํ•œ ์ค„์งœ๋ฆฌ ํ…์ŠคํŠธ๋‚˜ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋Š” ๊ฒƒ๋“ค์„ ๋งŒ๋“ ๋‹ค๊ณ  ๋ณด๋ฉด ๋œ๋‹ค... 2020. 6. 17.
[HTML+CSS][ํผ ๊ด€๋ จ ํƒœ๊ทธ๋“ค] 01 - ํผ(form) [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 03 - SVG ์ด๋ฏธ์ง€ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 02 - ๋งํฌ ํƒœ๊ทธ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 01 - ์ด๋ฏธ์ง€ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 04 - ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 03 - ๋ชฉ๋ก์„ ๋งŒ๋“œ๋Š”.. onelight-stay.tistory.com ์ผ์ƒ์—์„œ ์šฐ๋ฆฌ๋Š” ํ™ˆํŽ˜์ด์ง€์—์„œ ๋กœ๊ทธ์ธ ์ฐฝ์„ ํ”ํžˆ ์ ‘ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ์ด๊ฒƒ๋“ค์ด ๋ฐ”๋กœ 'ํผ'์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค. ์ด๋Ÿฌํ•œ ํผ๋“ค์˜ ๊ตฌ์กฐ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ณ  ํผ์˜ ํ˜•ํƒœ๋ฅผ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํƒœ๊ทธ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž. ํผ ํƒœ๊ทธ์— ๋Œ€ํ•ด์„œ ์•Œ๊ธฐ ์ „์— ํผ์˜ ๋™์žฅ ์›๋ฆฌ์— ๋Œ€ํ•ด์„œ ๊ฐ„๋‹จํžˆ ์•Œ์•„๋ณด์ž๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์—ด์–ด ์•„์ด๋””์™€ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  [๋กœ๊ทธ์ธ] ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €.. 2020. 6. 16.
[HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 04 - ์—ฐ์Šต๋ฌธ์ œ 01 ์ด๋ฏธ์ง€ ์‚ฝ์ž…ํ•˜๊ธฐ 02 ํฌํ„ธ ์‚ฌ์ดํŠธ Daum์œผ๋กœ ์—ฐ๊ฒฐํ•˜๊ธฐ 03 ํฌํ„ธ ์‚ฌ์ดํŠธ Daum์œผ๋กœ ์—ฐ๊ฒฐํ•˜๊ธฐ Do it! HTML5+CSS3 ์›น ํ‘œ์ค€์˜ ์ •์„ โ€ป ํ•ด๋‹น ๊ธ€์€ ์Šต๋“ ๋ชฉ์ ์œผ๋กœ ์ž‘์„ฑ๋œ ๊ธ€์ž…๋‹ˆ๋‹ค โ€ป 2020. 6. 15.
[HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 03 - SVG ์ด๋ฏธ์ง€ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 02 - ๋งํฌ ํƒœ๊ทธ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 01 - ์ด๋ฏธ์ง€ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 04 - ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 03 - ๋ชฉ๋ก์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 02 - ์ธ๋ผ์ธ.. onelight-stay.tistory.com ๊ธฐ๋ณธ์ ์ธ ์ด๋ฏธ์ง€๋“ค์„ ํƒœ๊ทธ๋ฅผ ํ†ตํ•ด์„œ ์‚ฝ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•˜์œผ๋‹ˆ SGV ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž. SVG(Scalable Vector Graphics) -์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ํฌ๊ธฐ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•œ ์ด๋ฏธ์ง€- ๊ธฐ์กด์— jpg, png, gif ํŒŒ์ผ ๊ฐ™์€ ๊ฒฝ์šฐ์—” ์ž‘์€ ์ด๋ฏธ์ง€๋ฅผ ํฌ๊ฒŒ ํ™•๋Œ€ํ•  ๊ฒฝ์šฐ ์ด๋ฏธ์ง€ ํ…Œ๋‘๋ฆฌ ๋ถ€๋ถ„์ด ์šธํ‰๋ถˆํ‰ ํ•ด์ง€๋ฉด์„œ ํ™”์งˆ์ด ๊นจ์ง€๋Š” ๋“ฏํ•œ ์ด.. 2020. 6. 14.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”