profile
Front-end web developer๐ŸŒณ
post-thumbnail

HTML ํผ๊ด€๋ จ ์š”์†Œ

: ์ •๋ณด๋ฅผ ์ œ์ถœํ•˜๊ธฐ ์œ„ํ•œ ๋Œ€ํ™”ํ˜• ์ปจํŠธ๋กค์„ ํฌํ•จํ•˜๋Š” ๋ฌธ์„œ๊ตฌํšex) ํšŒ์›๊ฐ€์ž…, ์„ค๋ฌธ์กฐ์‚ฌ ๋“ฑ : form์ด ๋‹ค๋ฅธ form์„ ์ž์‹ ์š”์†Œ๋กœ ํฌํ•จํ•  ์ˆ˜ ์—†๋‹ค.โšฌ action ์ „์†กํ•œ ์ •๋ณด๋ฅผ ์ฒ˜๋ฆฌํ•  ์›นํŽ˜์ด์ง€์˜ URLโšฌ autocomplete ์‚ฌ์šฉ์ž๊ฐ€ ์ด์ „์— ์ž…๋ ฅํ•œ ๊ฐ’์œผ๋กœ ์ž๋™ ์™„์„ฑ

2022๋…„ 4์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๐Ÿง™๐Ÿผ HTML ์ž„๋ฒ ๋””๋“œ ์š”์†Œ

: ์ด๋ฏธ์ง€ ์‚ฝ์ž… ์š”์†Œ, ์ด๋ฏธ์ง€์˜ ์†์„ฑ์„ ์ด์šฉํ•˜์—ฌ ์ž‘์„ฑ ๐Ÿ‘‰๐Ÿป ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ• : visual studio code๋ฅผ ํ†ตํ•ด ์—ฐ์Šตํ•ด๋ณผ๊ฒƒ!(1) ์ƒ๋Œ€๊ฒฝ๋กœ โšฌ ์ด๋ฏธ์ง€ ํŒŒ์ผ ๋งŒ๋“ค๊ธฐ โšฌ ํŒŒ์ผ ์•ˆ์— ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•ด์ฃผ๊ธฐ (2) ์ ˆ๋Œ€๊ฒฝ๋กœ โšฌ ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ ๋ณต์‚ฌ or ๋‹ค๋ฅธ ์ด๋ฆ„์œผ

2022๋…„ 4์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๐Ÿง™๐Ÿผ HTML ๋ชฉ๋ก๊ณผ ํ‘œ

HTML ๋ชฉ๋ก : ul ol li > * ์ˆœ์„œ๊ฐ€ ์žˆ๋Š” ๋ชฉ๋ก (๋‹จ๊ณ„์ˆ˜ํ–‰, ๋ ˆ์‹œํ”ผ, ์ˆœ์„œ ) Ordered List = ์ •๋ ฌ ์ˆœ์„œ๊ฐ€ ์—†๋Š” ๋ชฉ๋ก (์•„์ดํ…œ ๋‚˜์—ด ex) ๋ฉ”๋‰ดํŒ ) Unodered List = ๋น„์ •๋ ฌ ์ˆœ์„œ๊ฐ€ ์žˆ๋Š” ๋ชฉ๋ก Ordered List (1) type

2022๋…„ 4์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๐Ÿง™๐Ÿผ HTML ๊ตฌ์กฐ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ์š”์†Œ

: ์ปจํ…์ธ  ๋ถ„ํ•  ์š”์†Œ : ๋ธ”๋ก ๋ ˆ๋ฒจ ์š”์†Œ : ํ”Œ๋กœ์šฐ ์ฝ˜ํ…์ธ ๋ฅผ ์œ„ํ•œ ํ†ต์šฉ ์ปจํ…Œ์ด๋„ˆ (์ˆœ์ˆ˜ ์ปจํ…Œ์ด๋„ˆ๋กœ์„œ ์•„๋ฌด๊ฒƒ๋„ ํ‘œํ˜„์•ˆํ•จ): ๋ณธ์งˆ์ ์œผ๋กœ ์•„๋ฌด๊ฒƒ๋„ ๋‚˜ํƒ€๋‚ด์ง€ ์•Š์Œ : ์ธ๋ผ์ธ ์ปจํ…Œ์ด๋„ˆ : ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ์š”์†Œ : ๋ณธ์งˆ์ ์œผ๋กœ ์•„๋ฌด๊ฒƒ๋„ ๋‚˜ํƒ€๋‚ด์ง€ ์•Š์Œ : ์–ด๋–ค ํŠน์„ฑ์˜ ๊ฐ’์„ ์„œ๋กœ ๊ณต์œ ํ•˜๋Š”

2022๋…„ 3์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๐Ÿง™๐Ÿผ HTML ํ…์ŠคํŠธ ์š”์†Œ (2)

(1) b : ๋…์ž์˜ ์ฃผ์˜๋ฅผ ์š”์†Œ์˜ ์ฝ˜ํ…์ธ ๋กœ ๋Œ๊ธฐ ์œ„ํ•œ ์šฉ๋„๋กœ ์‚ฌ์šฉ๋œ๋‹ค. (๊ตต์€ ๊ธ€์”จ)๐ŸŒต ํƒœ๊ทธ b๋ฅผ ํ†ตํ•ด ํ…์ŠคํŠธ๋ฅผ ๊พธ๋ฏธ๊ธฐ ๋ณด๋‹ค ์Šคํƒ€์ผ๋ง์€ css๋ฅผ ํ†ตํ•ด ํ•˜๊ธธ ๊ถŒ์žฅํ•จ (2) strong : ๋™์ผํ•˜๊ฒŒ ๊ธ€์”จ์ฒด๋ฅผ ๊ตต๊ฒŒ ๋งŒ๋“ค์–ด ์ค€๋‹ค. : ์•ž, ๋’ค ๋‚ด์šฉ์— ๋น„ํ•ด ์ •๋ง ์ค‘์š”ํ•œ ๋‚ด์šฉ

2022๋…„ 3์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๐Ÿง™๐Ÿผ HTML ํ…์ŠคํŠธ ์š”์†Œ (1)

HTML์˜ ์š”์†Œ๋“ค์€ ํ…์ŠคํŠธ ์š”์†Œ, ๊ตฌ์กฐ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ์š”์†Œ, ๋ชฉ๋ก๊ณผ ํ‘œ, ์ž„๋ฒ ๋””๋“œ ์š”์†Œ, ํผ๊ด€๋ จ ์š”์†Œ, ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ์š”์†Œ, ์ „์—ญ ์†์„ฑ์œผ๋กœ ๋‚˜๋ˆ„์–ด ์‚ดํŽด๋ณด๊ณ ์žํ•œ๋‹ค. ๊ทธ์ค‘ ๊ธฐ๋ณธ์œผ๋กœ ์•Œ์•„์•ผํ•  HTML์— ๋Œ€ํ•ด ๊ฐ„๋‹จํžˆ ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค. (๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ๋ฐ”ํƒ•์œผ๋กœ ์žŠ์ง€ ์•Š๊ธฐ ์œ„ํ•ด ๊ณต๋ถ€ ํ›„

2022๋…„ 3์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ABOUT HTML๐Ÿ‘ถ๐Ÿป

ABOUT HTML๐Ÿ•ต๐Ÿปโ€โ™€๏ธ ๐Ÿคš๐Ÿป HTML์„ ์•Œ๊ธฐ์ „์— ๋จผ์ €, ์›นํ‘œ์ค€๊ณผ ์›น์ ‘๊ทผ์„ฑ, ํ˜ธํ™˜์„ฑ์— ๋Œ€ํ•ด ์•Œ๊ณ ๊ฐ€์ž! ํ‘œ์ค€, ์ ‘๊ทผ์„ฑ, ํ˜ธํ™˜์„ฑ ์ด 3๊ฐ€์ง€๋ฅผ ๋ชจ๋‘ ๋ฐฉํ–ฅ์„ฑ์„ ๊ฐ€์ ธ์•ผ๋งŒ ์ข‹์€ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. WEB STANDARD ํ‘œ์ค€์„ ์ง€ํ‚ค์ง€ ์•Š๋Š”๋‹ค๋ฉด, ๋ชจ๋‘ ๋‹ค๋ฅธ ๋ชจ์–‘์˜

2022๋…„ 3์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

IF : ์กฐ๊ฑด๋ฌธ ๋ฌธ์ œํ’€์ด(1)

JS ๊ธฐ์ดˆ๋ฌธ๋ฒ• / ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ๋ฐฐ์›Œ๊ฐ€๋ฉด์„œ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๊ณต๋ถ€ํ•œ๋‹ค๋Š”๊ฑด ์—ฌ์ „ํžˆ ์–ด๋ ต๊ฒŒ ๋А๊ปด์ง€์ง€๋งŒ ๋ฐฑ์ค€ ์•Œ๊ณ ๋ฆฌ์ฆ˜(https://www.acmicpc.net/)๋ฅผ ํ†ตํ•ด ์œ ํ˜•๋ณ„๋กœ ๋ฌธ์ œ ํ’€์ด๋ฅผ ์—ฐ์Šตํ•˜๋ฉด์„œ ์ž์‹ ๊ฐ์„ ํ‚ค์šฐ๊ณ  ์žˆ๋Š” ์ค‘์ด๋‹ค๐Ÿ”ฅ 1. ๋ฐฑ์ค€ ์•Œ๊ณ ๋ฆฌ์ฆ˜์˜ IF๋ฌธ ์œ ํ˜• ๋ฌธ์ œ

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

์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ •๋ง ์ž˜ํ•˜๊ณ ์‹ถ๋‹ค๐Ÿ‘ถ๐Ÿป

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด ํ•œ๋‹ฌ์„ ๊ณ ๋ฏผํ•˜๊ณ  ๋ถ€ํŠธ์บ ํ”„๋ฅผ ์‹ ์ฒญํ–ˆ๋‹ค. ๋‹ค๋ฅธ ๋ถ€ํŠธ์บ ํ”„๋Š” ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ ๊ฐœ๋ฐœ์ž ๋ถ€ํŠธ์บ ํ”„๋Š” ๋ชฐ์ž…๋„์™€ ์ง‘์ค‘๋ ฅ์„ ์š”๊ตฌํ• ๋งŒํผ ๋งˆ์Œ์˜ ์ค€๋น„๋ฅผ ํ•˜๊ณ  ์‹ ์ฒญ์„ ํ•˜๋ผ๊ณ  ๋“ค์—ˆ์—ˆ๋‹ค. ๊ทผ๋ฐ ๋‚œ ๋งˆ์Œ์˜ ์ค€๋น„๋ฅผ ํ•ด๋„ ์–ด๋ ค์šด๊ฒƒ๋“ค ํˆฌ์„ฑ์ด๋‹ค. ๋งค์ฃผ ํ•œ๋ฒˆ์”ฉ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋ฅผ๋ณด๊ณ  ์žˆ๋Š”

2022๋…„ 3์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท