post-thumbnail

TIL22.Semantic Web๊ณผ Semantic Tag

๋ฌธ์„œ์˜ ์ •๋ณด๋ฅผ ๋ณด๋‹ค ์ž˜ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์˜๋ฏธ์— ๋งž๋Š” ํƒœ๊ทธ๋ฅผ ์ž˜ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค. ์ ์ ˆํ•œ ๋„๊ตฌ sematic tag๋ฅผ ๊ณจ๋ผ ์‚ฌ์šฉํ•ด๋ณด์ž.'์˜๋ฏธ๋ก ์ ์ธ ์›น'์ด๋ผ๋Š” ๋œป์œผ๋กœ,ํ˜„์žฌ์˜ ์ธํ„ฐ๋„ท๊ณผ ๊ฐ™์€ ๋ถ„์‚ฐํ™˜๊ฒฝ์—์„œ ๋ฆฌ์†Œ์Šค(์›น ๋ฌธ์„œ, ๊ฐ์ข… ํ™”์ผ, ์„œ๋น„์Šค ๋“ฑ)์— ๋Œ€ํ•œ ์ •๋ณด์™€ ์ž์› ์‚ฌ์ด์˜ ๊ด€๊ณ„

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

TIL21.๋ ˆ์ด์•„์›ƒ์˜ ๋ชจ๋“  ๊ฒƒ

์›น ํŽ˜์ด์ง€์˜ ๋ ˆ์ด์•„์›ƒ์€ ์›น ์‚ฌ์ดํŠธ์˜ ์™ธ๊ด€์„ ๊ฒฐ์ •์ง“๋Š” ๋งค์šฐ ์ค‘์š”ํ•œ ์š”์†Œ! ์‹œ์ž‘์ด ๋ฐ˜์ด๋‹ค. display์†์„ฑ์€ ์š”์†Œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ‘œ์‹œํ• ์ง€๋ฅผ ์„ ํƒํ•˜๊ณ , visibility์†์„ฑ์€ ์š”์†Œ๋ฅผ ๋‚˜ํƒ€๋‚ผ์ง€ ๋ง์ง€๋ฅผ ๊ฒฐ์ ˆํ•˜๋Š” ์†์„ฑ์ด๋‹ค. display๋Š” ์ƒ์†์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๊ณ , visibility๋Š”

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

์œ„์ฝ”๋“œ ์‚ฌ์ „๊ณผ์ œ01.์ž๊ธฐ์†Œ๊ฐœํŽ˜์ด์ง€ ๋ฆฌ๋ทฐ

html,css๋ฅผ ์ด์šฉํ•ด์„œ ์ž๊ธฐ์†Œ๊ฐœ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด๋ณด์ž.(1์ฃผ์ฐจ ์‚ฌ์ „๊ณผ์ œ) 1์ฃผ์ฐจ ์‚ฌ์ „๊ณผ์ œ๋กœ ์ž๊ธฐ์†Œ๊ฐœ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด๋ณด๋Š” ๋ฏธ์…˜์„ ๋ฐ›์•˜๋‹ค.

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

TIL10.float, list

์š”์†Œ๋ฅผ ์›ํ•˜๋Š” ์œ„์น˜๋กœ ์ด๋™์‹œํ‚ค๊ณ , ๋’ค์— ๋”ฐ๋ผ์˜ค๋Š” ์š”์†Œ๋“ค์ด ์ฒ˜์Œ ์š”์†Œ๋ฅผ ํ”ผํ•ด์„œ ํ‘œ์‹œ๋˜๋„๋ก ํ•œ๋‹ค. ํ…์ŠคํŠธ์— ๋‘˜๋Ÿฌ์Œ“์—ฌ์žˆ๋Š” ์ด๋ฏธ์ง€ ๋ ˆ์ด์•„์›ƒ์„ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด ๋งŒ๋“ค์–ด์กŒ๋‹ค.float์†์„ฑ์„ ์‚ฌ์šฉํ•˜๋ฉด ์ฃผ๋ณ€์œผ๋กœ ์ปจํ…์ธ ๊ฐ€ ํ๋ฅด๋“ฏ์ด ๋ฐฐ์น˜๊ฐ€ ๋˜๋Š”๋ฐ, ์ด๋ฅผ ํ•ด์ฒดํ•˜๊ธฐ ์œ„ํ•ด clear์†์„ฑ์„ ์‚ฌ์šฉํ•œ

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

TIL09.positioning

ํฌ์ง€์…”๋‹์„ ํ†ตํ•ด ๋‹ค์–‘ํ•œ ์œ„์น˜์ด๋™์„ ์‹œ๋„ํ•ด๋ณด์ž. css ํฌ์ง€์…”๋‹์„ ์ด์šฉํ•ด์„œ ์›น ๋ฌธ์„œ์˜ ๋ ˆ์ด์•„์›ƒ์„ ๋‹ค์–‘ํ•œ ๋ฐฉ์‹์œผ๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.ํ…์ŠคํŠธ๋‚˜ ์ด๋ฏธ์ง€๋ฅผ ๋‚˜๋ž€ํžˆ ๋ฐฐ์น˜ํ•˜๊ฑฐ๋‚˜, ์—ฌ๋Ÿฌ ์š”์†Œ๋ฅผ ๊ฐ€๋กœ/์„ธ๋กœ๋กœ ์›ํ•˜๋Š” ๊ณณ์— ๋ฐฐ์น˜๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค.์ž์‹์š”์†Œ์˜ ํฌ๊ธฐ์— ๋”ฐ๋ผ์„œ ๋ถ€๋ชจ์š”์†Œ์˜ ํฌ๊ธฐ๊ฐ€ ์ž๋™์œผ๋กœ

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

TIL08.CSS ํ™œ์šฉ

์ž์‹(children)

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

TIL07.display

html์š”์†Œ์˜ ๋ ˆ์ด์•„์›ƒ์„ ๊ฒฐ์ •ํ•˜๋Š” ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์†์„ฑ ์ค‘ ํ•˜๋‚˜์ธ display์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. ๋ชจ๋“  ์š”์†Œ๋Š” ํ•œ๊ฐœ์˜ display๊ฐ’์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.inlineblockinline-blockflexlist-itemnone...๋“ฑ์ด ์žˆ์ง€๋งŒ, ๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ inline๊ณผ bl

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

TIL06.์ฝ”๋“œ์ž‡ ์ฝ”๋”ฉ์˜ ๋ฏผ์กฑ ๋งŒ๋“ค๊ธฐ

box model2 ์‹ค์Šต๊ณผ์ œ ๋งŒ๋“ค์–ด๋ณด์ž

2020๋…„ 7์›” 23์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL05.์ฝ”๋“œ์ž‡ ๋กœ๊ทธ์ธํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ

'box model' ์‹ค์Šต๊ณผ์ œ ์ •๋ฆฌํ•˜๊ธฐ-์ฃผ์–ด์ง„ ๋ณด๊ธฐ๋งŒ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ํ–ˆ๋˜ ๊ฒƒ์ด ๋ฌธ์ œ์ ์ด์—ˆ๋‹ค...โ–ถlogin-form margin-top ๊ฐ„๊ฒฉ์„ ์ฃผ์ง€ ์•Š์•˜๋‹ค- ๋ณด๊ธฐ์ง€๋ฌธ์— ๋‚˜์˜ค์ง€ ์•Š์•„์„œ ์‹ ๊ฒฝ์“ฐ์ง€ ์•Š์€ ๋ถ€๋ถ„์ด์—ˆ๋‹ค. ๋‹ค์Œ๋ถ€ํ„ฐ๋Š” ๋ˆˆ์œผ๋กœ ์ง์ ‘ ํ™•์ธํ•˜๊ณ , ์Šค์Šค๋กœ ์ƒ๊ฐํ•ด์„œ ๊ฐ„๊ฒฉ์„ ์ง€์ •ํ•ด

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

TIL04.Box Model

๋ฐ•์Šค ๋ชจ๋ธ์˜ ๋‹ค์–‘ํ•œ ์†์„ฑ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž์š”์†Œ๋Š” ๋‚ด์šฉ(content), ํŒจ๋”ฉ(padding), ํ…Œ๋‘๋ฆฌ(border)๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‹ค.ํŒจ๋”ฉ์€ ๋‚ด์šฉ๊ณผ ํ…Œ๋‘๋ฆฌ ์‚ฌ์ด์˜ '๊ณต๊ฐ„', Margin์€ ํ…Œ๋‘๋ฆฌ ๋ฐ–์˜ ๊ณต๊ฐ„์ด๋‹ค.div์™€ div2์˜ width์™€ height๊ฐ€ ๊ฐ™์ง€๋งŒ , ๊ฒฐ๊ณผ๋ฌผ

2020๋…„ 7์›” 22์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL03.CSS์Šคํƒ€์ผ๋ง

font, color๋ฅผ ์„ค์ •ํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. ํฐํŠธ 1.ํฐํŠธ ๊ตต๊ธฐ ์„ค์ •ํ•˜๊ธฐ font-weight.100~900 100์ด ๊ฐ€์žฅ ์–‡๊ณ , 900์ด ๊ฐ€์žฅ ๊ตต๋‹ค. font-weight: normal;=font-weight: 400; 2.ํฐํŠธ ์„ค์ •ํ•˜๊ธฐ ์ฒซ๋ฒˆ์งธ๋กœ

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

TIL02.HTML ํƒœ๊ทธ ๋น„๊ต

๋น„์Šทํ•˜์ง€๋งŒ ๋‹ค๋ฅธ ํƒœ๊ทธ๋“ค์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

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

TIL01.HTML/CSS Basic

์œ„์ฝ”๋“œ ์ˆ˜๊ฐ• ์ „, ๋ชป๋”ฐ๋ผ๊ฐ€๋ฉด ์–ด์ฉŒ์ง€ํ•˜๋Š” ๋ถˆ์•ˆํ•œ ๋งˆ์Œ์— ๋ฏธ๋ฆฌ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•ด ๋ณด์•˜๋‹ค. > HTML/CSS์˜ ๊ธฐ๋ณธ๋‚ด์šฉ์„ ๋ฐฐ์› ๋‹ค. HTML๊ณผ CSS 'HTML(HyperText Markup Language)'์€ ์›น์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐˆ ๋‚ด์šฉ์„ ๋‹ด๋‹นํ•˜๊ณ , CSS(Cascading

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