๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[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.
[HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 02 - ๋งํฌ ํƒœ๊ทธ [HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 01 - ์ด๋ฏธ์ง€ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 04 - ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 03 - ๋ชฉ๋ก์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 02 - ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 01 - ๋ธ”๋ก.. onelight-stay.tistory.com ์ง€๋‚œ๋ฒˆ ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ๊ณผ์ •์— ๋Œ€ํ•ด์„œ ์•Œ์•˜๋‹ค๋ฉด ์ด๋ฒˆ์—๋Š” ์ด๋ฏธ์ง€๋‚˜ ํ…์ŠคํŠธ๋ฅผ ํด๋ฆญํ•ด ๋˜ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ๋„˜์–ด๊ฐ€๋Š” ๋งํฌ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž. - ๋งํฌ ์ด๋ฏธ์ง€๋‚˜ ๋ฌธ์„œ๋ฅผ ํด๋ฆญํ•  ๊ฒฝ์šฐ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ๋„˜์–ด๊ฐ€๋Š” ํšจ๊ณผ๋ฅผ ๋‚˜ํƒ€๋‚˜๊ฒŒ ํ•ด์ฃผ๋ฉฐ, ํ…์ŠคํŠธ์— ํšจ๊ณผ๋ฅผ ์ฃผ๋ฉด ํ…์ŠคํŠธ ๋งํฌ๊ฐ€ ๋˜๊ณ  ์ด๋ฏธ์ง€์— ํšจ๊ณผ๋ฅผ ๋„ฃ์—ˆ์„ ์‹œ์— ์ด๋ฏธ์ง€ ๋งํฌ๊ฐ€ ๋œ๋‹ค. ๋˜ํ•œ ์— ์‚ฌ์šฉ๋˜๋Š” ์†์„ฑ๋“ค๋„.. 2020. 6. 13.
[HTML+CSS] [์ด๋ฏธ์ง€์™€ ํ•˜์ดํผ๋งํฌ] 01 - ์ด๋ฏธ์ง€ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 04 - ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 03 - ๋ชฉ๋ก์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 02 - ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 01 - ๋ธ”๋ก ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 05 - ์—”ํ‹ฐํ‹ฐ.. onelight-stay.tistory.com ๊ธฐ์กด์— ๋ฐฐ์šด ํ…์ŠคํŠธ๋กœ๋งŒ ํ™ˆํŽ˜์ด์ง€๋ฅผ ์ œ์ž‘ํ–ˆ์„ ๋•Œ ๋‹ค์†Œ ๋ฐ‹๋ฐ‹ํ•˜๊ณ  ์ง€๋ฃจํ•œ ์‚ฌ์ดํŠธ๊ฐ€ ๋งŒ๋“ค์–ด์งˆ ๊ฒƒ์ด๋‹ค. ์ด๋ฒˆ์—๋Š” ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ํƒœ๊ทธ์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ณ  ํ™ˆํŽ˜์ด์ง€๋ฅผ ์ข€ ๋” ๋‹ค์ฑ„๋กญ๊ฒŒ ๋งŒ๋“ค์–ด ๋ณด๋„๋ก ํ•˜์ž. - ์ด๋ฏธ์ง€ ์‚ฝ์ž… ์›น ๋ฌธ์„œ์—์„œ ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ๋กœ ๋‹ค์–‘ํ•œ ์†์„ฑ์œผ๋กœ ๊ฐ’์„ ๋งž์ถ”์–ด ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•  ์ˆ˜ ์žˆ๋‹ค. - src ์†์„ฑ - .. 2020. 6. 12.
[HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 05 - ์—ฐ์Šต๋ฌธ์ œ 01 ์„œ์šธํŠน๋ณ„์‹œ ์„œ์šธ์˜ ์ง€ํ–ฅ ์ด๋ฏธ์ง€ : ์—ญ์‚ฌ์™€ ํ™œ๋ ฅ์˜ ์ธ๊ฐ„๋„์‹œ ํœ˜์žฅ์€ ํ•œ๊ธ€ '์„œ์šธ'์„ ์„œ์šธ์˜ ์‚ฐ, ํ•ด, ํ•œ๊ฐ•์œผ๋กœ ๋‚˜ํƒ€๋‚ด๋ฉด์„œ ์ „์ฒด์ ์œผ๋กœ๋Š” ์‹ ๋ช…๋‚˜๋Š” ์‚ฌ๋žŒ์˜ ๋ชจ์Šต์„ ํ˜•์ƒํ™”ํ•œ ๊ฒƒ์œผ๋กœ ์ธ๊ฐ„ ์ค‘์‹ฌ๋„์‹œ๋ฅผ ์ง€ํ–ฅํ•˜๋Š” ์„œ์šธ์„ ์ƒ์ง•ํ•ฉ๋‹ˆ๋‹ค. ์ž์—ฐ - ์ธ๊ฐ„ - ๋„์‹œ์˜ ๋งฅ๋ฝ ์†์—์„œ ๋…น์ƒ‰ ์‚ฐ์€ ํ™˜๊ฒฝ์‚ฌ๋ž‘, ์ฒญ์ƒ‰ ํ•œ๊ฐ•์€ ์—ญ์‚ฌ์™€ ํ™œ๋ ฅ, ๊ฐ€์šด๋ฐ ํ•ด๋Š” ๋ฏธ๋ž˜์˜ ๋น„์ „๊ณผ ํฌ๋ง์„ ํ•จ์ถ•ํ•˜๊ณ , ์ด ์„ธ๊ฐ€์ง€ ์š”์†Œ๋ฅผ ๋ถ“ํ„ฐ์น˜๋กœ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์—ฐ๊ฒฐํ•˜์—ฌ ์„œ์šธ์˜ ์ด๋ฏธ์ง€์™€ ์‚ฌ๋žŒ์˜ ํ™œ๋ ฅ์„ ์นœ๊ทผํ•˜๊ฒŒ ๋Š๋‚„ ์ˆ˜ ์žˆ๋„๋ก ํ•˜์˜€์Šต๋‹ˆ๋‹ค. 02 ์ด์ง€์Šคํผ๋ธ”๋ฆฌ์‹ฑ ์‹ ์ž… ์‚ฌ์› ๋ชจ์ง‘ ๊ณต๊ณ  IT ๊ธฐํš, ํŽธ์ง‘ ๋ถ€์„œ์—์„œ ํ•จ๊ป˜ ํ•  ์‹ ์ž… ์‚ฌ์›์„ ๋ชจ์ง‘ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ์ง‘ ์ง๊ตฐ : ํŽธ์ง‘ ๊ธฐํš ๋ถ€์„œ ์ง๋ฌด ๋‚ด์šฉ : ๋„์„œ ํ”„๋กœ๋“€์‹ฑ ์—…๋ฌด (์‹ ์ž… ์ง€์› ๊ฐ€๋Šฅ) ๋„์„œ ๊ธฐํš, ํŽธ์ง‘ ๋„์„œ ํ™๋ณด, ๋…์ž ์†Œํ†ต ์ ‘์ˆ˜ ๋งˆ๊ฐ์ผ : 20.. 2020. 6. 11.
[HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 04 - ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 03 - ๋ชฉ๋ก์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 02 - ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 01 - ๋ธ”๋ก ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 05 - ์—”ํ‹ฐํ‹ฐ ๊ธฐํ˜ธ ์‚ฌ์šฉํ•˜๊ธฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 04 - HTML.. onelight-stay.tistory.com ๋‚ด์šฉ์„ ๊น”๋”ํ•˜๊ฒŒ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋Š” ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž. , , , - ๊ธฐ๋ณธ์ ์ธ ํ‘œ ์€ ํ…Œ์ด๋ธ” ์ „์ฒด ์œค๊ณฝ์„ ์žก์•„์ฃผ๊ณ  ์ด ์•ˆ์—์„œ ํ–‰์„ ๋งŒ๋“œ๋Š” ๊ณผ ์—ด์„ ๋งŒ๋“œ๋Š” ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค. ๋˜ํ•œ ๋Š” ๋Œ€์‹ ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ์…€์— ์ œ๋ชฉ์„ ๋„ฃ์„ ๋•Œ ์‚ฌ์šฉ๋˜๋ฉฐ ์™€๋Š” ๋‹ฌ๋ฆฌ ์…€ ์•ˆ์˜ ๋‚ด์šฉ์„ ์ค‘์•™์œผ๋กœ ๋ฐฐ์น˜์‹œํ‚ค๊ณ  ๊ธ€๊ผด์„ ๊ตต๊ฒŒ ๋งŒ๋“ค์–ด ์ค€.. 2020. 6. 10.
[HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 03 - ๋ชฉ๋ก์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 02 - ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 01 - ๋ธ”๋ก ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 05 - ์—”ํ‹ฐํ‹ฐ ๊ธฐํ˜ธ ์‚ฌ์šฉํ•˜๊ธฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 04 - HTML ๋ฌธ์„œ์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 03 - T.. onelight-stay.tistory.com ํ…์ŠคํŠธ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๊ธฐ๋ณธ์ ์ธ ํƒœ๊ทธ๋“ค์— ๋Œ€ํ•ด์„œ ๋ฐฐ์› ๋‹ค๋ฉด ์ด๋ฒˆ์—๋Š” ๋ชฉ๋ก ๋ฆฌ์ŠคํŠธ๋ฅผ ๋งŒ๋“ค์–ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ณด๋„๋ก ํ•˜์ž. , - ์ˆœ์„œ ์—†๋Š” ๋ชฉ๋ก ์ˆœ์„œ๋ฅผ ํ•„์š”๋กœ ํ•˜์ง€ ์•Š๋Š” ๋ชฉ๋ก(unordered list)์„ ๋งŒ๋“ค ๋•Œ์—๋Š” ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด ์ฃผ๋ฉฐ ํƒœ๊ทธ ์•ˆ์— ์ธ ๋ฆฌ์ŠคํŠธ ์•„์ดํ…œ๋“ค์„ ๋„ฃ์–ด์„œ ๊ฐ ํ•ญ๋ชฉ์„ ํ‘œ์‹œํ•ด ์ฃผ๋ฉด ๋œ๋‹ค. , - ์ˆœ์„œ ์žˆ๋Š” .. 2020. 6. 9.

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