[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. [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. ์ด์ 1 ยทยทยท 9 10 11 12 13 14 ๋ค์