profile
Backend Developer ๐ŸŒฑ
post-thumbnail

[HTML+CSS]5. ์›นํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ ์™„์„ฑ

ํŒ€์›๋“ค๊ณผ ํ™”์ƒ์œผ๋กœ ์„œ๋กœ์˜ ์›นํŽ˜์ด์ง€๋ฅผ ํ™•์ธํ•˜๊ณ ! ์ฝ”๋“œ๋ฅผ ํ•จ๊ป˜ ํ™•์ธํ•ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค.

2020๋…„ 8์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[HTML+CSS]4. ์ž๊ธฐ์†Œ๊ฐœ ์›นํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ(2)

ํ™ˆ ํ™”๋ฉด์€ ๋งŒ๋“ค์—ˆ์œผ๋‹ˆ ์ด์ œ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋“ค์€ ์–ด๋–ค ๋‚ด์šฉ์„ ๋‹ด์„์ง€, ์–ด๋–ป๊ฒŒ ๋ ˆ์ด์•„์›ƒ ํ• ์ง€๋ฅผ ๊ณ ๋ฏผํ–ˆ๋‹ค. header, nav, container, footer ๋ ˆ์ด์•„์›ƒ์„ ์ฐจ๋ก€๋Œ€๋กœ.. ์•„๋‹ˆ ์™”๋‹ค๋ฆฌ๊ฐ”๋‹ค๋ฆฌ ์›€์ง์ด๋ฉด์„œ ๋ ˆ์ด์•„์›ƒ์„ ์กฐ์ •ํ•˜๊ณ  ๋..์•„๋‹ˆ ์ด๋ ‡๊ฒŒ ๋๋‚ ๋ฆฌ๊ฐ€ ์—†์ง€..

2020๋…„ 8์›” 13์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[HTML+CSS]2. HTML์˜ Tag๋“ค

์ด์ „ TIL์—์„œ ์ •๋ฆฌํ–ˆ๋˜ Tag๋“ค๋ณด๋‹ค ๋” ๋งŽ์€ Tag๋ฅผ ์ ‘ํ–ˆ๋‹ค. ๊ทธ ์ „์— ์ƒํ™œ์ฝ”๋”ฉ์—์„œ ๊ณต๋ถ€ํ–ˆ์„ ๋•Œ๋Š” ์ •๋ง! ์ž์ฃผ ์“ฐ๋Š” Tag๋“ค ๋ช‡ ๊ฐœ๋งŒ ์งš๊ณ  ๋„˜์–ด๊ฐ”๋Š”๋ฐ ์ฑ…์œผ๋กœ ๋‹ค์‹œ ํ›‘์–ด๋ณด๋‹ˆ ๋” ๋งŽ์€ Tag๋“ค์ด ๋” ์ž์„ธํ•˜๊ฒŒ ์ •๋ฆฌ๋˜์–ด์žˆ์–ด์„œ ๋ช‡ ๊ฐœ ๋” ์ •๋ฆฌํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค.ํ…์ŠคํŠธ๋ฅผ ๋ฉ์–ด๋ฆฌ๋กœ ๋ฌถ

2020๋…„ 8์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[HTML+CSS]1. HTML

ํ•˜์ดํผํ…์ŠคํŠธ ๋งˆํฌ์—… ๋žญ๊ท€์ง€(Hyper Text Markup Language)์˜ ์ค„์ž„๋ง์ด๋‹ค. 'ํ•˜์ดํผํ…์ŠคํŠธ'๋ž€ ์›น ์‚ฌ์ดํŠธ์—์„œ ๋งํฌ๋ฅผ ํด๋ฆญํ•ด ๋‹ค๋ฅธ ๋ฌธ์„œ๋‚˜ ์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ๋œปํ•˜๊ณ , '๋งˆํฌ์—…'์ด๋ž€ ํƒœ๊ทธ(tag)๋ฅผ ์‚ฌ์šฉํ•ด ์ œ๋ชฉ์ด๋‚˜ ๋ณธ๋ฌธ, ์ด๋ฏธ์ง€ ๋“ฑ์„ ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ

2020๋…„ 8์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€