profile
Markup Developer ๐Ÿ’ซ
post-thumbnail

[CSS] CSS ์„ ํƒ์ž : nth-child / nth-of-type

CSS ์„ ํƒ์ž - nth-child / nth-of-type ์‚ฌ์šฉ๋ฒ•๊ณผ ์‘์šฉํ•˜๊ธฐ !

2022๋…„ 5์›” 13์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

InteliJ / WebStorm ์—์„œ Snippet ์œผ๋กœ ์ฝ”๋“œ ์ž๋™์™„์„ฑ ํ•˜๊ธฐ (๊ณตํ†ต ํ…œํ”Œ๋ฆฟ ๋งŒ๋“ค๊ธฐ)

์ธํ…”๋ฆฌ์ œ์ด/ ์›น์Šคํ†ฐ์—์„œ ์Šค๋‹ˆํŽซ(Snippet)๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•ด ์ž์ฃผ ์“ฐ๋Š” ์ฝ”๋“œ๋ฅผ ์ž๋™์™„์„ฑ์œผ๋กœ ์ž‘์„ฑํ•˜์ž!

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

[์ตœ์ ํ™”] ํ•ต์‹ฌ์ ์ธ ์›น ์ง€ํ‘œ(LCP,FID,CLS) ๊ฐœ์„ ํ•˜๊ธฐ

๐Ÿป : LCP, FID, CLS ์— ๋Œ€ํ•ด์„œ๋„ ์ •๋ฆฌํ•ด์ฃผ์‹ ๋‹ค๊ณ  ํ–ˆ์ž–์•„์š”! ๊ทธ๋ฆฌํ•˜์—ฌ ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™” ํฌ์ŠคํŒ…์˜ ์—ฐ์žฅ. ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™” V2 โšก๏ธ ํ•ต์‹ฌ์ ์ธ ์›น ์ง€ํ‘œ ๊ฐœ์„ ํ•˜๊ธฐ.

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

[์ตœ์ ํ™”] ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐฉ๋ฒ• 5๋ถ„ ์™„์„ฑ

์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐฉ๋ฒ• ๋ช‡๊ฐ€์ง€๋ฅผ ์•Œ๊ณ  ๊ณ„์‹ ๊ฐ€์š”? ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•์„ ์•„๋Š”๋Œ€๋กœ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”! ( ...๐Ÿค” ์ „๋ถ€์š”..? )

2022๋…„ 2์›” 24์ผ
ยท
10๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[์ตœ์ ํ™”] ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™”(SEO) ์ด์œ ์™€ ๋ฐฉ๋ฒ• 10๊ฐ€์ง€

๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(Search Engine Optimization, SEO)๊ฐ€ ํ•„์š”ํ•œ ์ด์œ ๋Š” ๋ฌด์—‡์ผ๊นŒ? ๊ผญ ํ•ด์•ผํ• ๊นŒ? ๐Ÿค” ์ œ ๋Œ€๋‹ต์€ Yes์—ฌ์š”! ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž.

2022๋…„ 2์›” 18์ผ
ยท
14๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

HTML/CSS๋กœ ๋ง‰๋Œ€ ๊ทธ๋ž˜ํ”„ ๊ทธ๋ฆฌ๊ธฐ(chart)_์‹ฌํ™”ํŽธ

HTML/CSS๋กœ ๋ง‰๋Œ€ ๊ทธ๋ž˜ํ”„ (๋ง‰๋Œ€ ์ฐจํŠธ) ๊ทธ๋ฆฌ๊ธฐ ์‹ฌํ™”ํŽธ - ์„ธ๋กœํ˜•

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

HTML/CSS๋กœ ๋ง‰๋Œ€ ๊ทธ๋ž˜ํ”„ ๊ทธ๋ฆฌ๊ธฐ(chart)_๊ธฐ๋ณธํŽธ

HTML/CSS๋กœ ๋ง‰๋Œ€ ๊ทธ๋ž˜ํ”„ (๋ง‰๋Œ€ ์ฐจํŠธ) ๊ทธ๋ฆฌ๊ธฐ ๊ธฐ๋ณธํŽธ - ๊ฐ€๋กœํ˜•

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

HTML, CSS๋งŒ์œผ๋กœ ๋งˆ์šฐ์Šค์˜ค๋ฒ„ ๋ณ„์  ๋งŒ๋“ค๊ธฐโญ๏ธ

HTML๊ณผ CSS๋งŒ์„ ์‚ฌ์šฉํ•ด์„œ ๋งˆ์šฐ์Šค์˜ค๋ฒ„๋กœ ์ž‘๋™ํ•˜๋Š” ๋ณ„์  ๊ตฌํ˜„ํ•˜๊ธฐ โญ๏ธ

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

[CSS] float clear, float ํ•ด์ œ ๋ฐฉ๋ฒ• 7๊ฐ€์ง€

clear:both ๋ถ€ํ„ฐ flow-root ๊นŒ์ง€ float์„ ํ•ด์ œํ•˜๋Š” ๋ฐฉ๋ฒ• 7๊ฐ€์ง€ ๊ธฐ๋ก

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

[CSS] ์ˆ˜์ง ๊ฐ€์šด๋ฐ ์ •๋ ฌ, ์ˆ˜์ง ์ค‘์•™ ์ •๋ ฌ ํ•˜๊ธฐvertical align

๊ทธ๋ƒฅ ๊ฐ€์šด๋ฐ์— ๋†”์ฃผ์„ธ์š”.. ์•„๋‹ˆ! ์„ธ๋กœ๋กœ ์ค‘์•™ ์ •๋ ฌํ•˜๊ธฐ๋Š” ๊ฐ€๋กœ ์ค‘์•™์ •๋ ฌ์ฒ˜๋Ÿผ ๊ฐ„๋‹จํ•˜์ง€ ์•Š๋‹ค๊ตฌ์š” ๐Ÿฅบ

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

[CSS] CSS ๋ฐฉ๋ฒ•๋ก  - BEM ์ดํ•ดํ•˜๊ธฐ

CSS์˜ ๋ฐฉ๋ฒ•๋ก  ์ค‘ ํ•˜๋‚˜์ธ BEM ์ดํ•ดํ•˜๊ธฐ! BEM ํ˜•์‹์œผ๋กœ ์ž‘์„ฑํ•˜๋ฉฐ class ๋„ค์ด๋ฐ, ๊ตฌ์กฐ, ์žฌ์‚ฌ์šฉ์„ฑ์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜์ž.

2021๋…„ 9์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท