Published:

Last Updated:

์• ๋“œ์„ผ์Šค ๊ด‘๊ณ ๊ฐ€ ์•ˆ ๋‚˜์˜ฌ ๋•Œ?๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ ์›์ธ๊ณผ ๋Œ€์‘ ์ „๋žต ์ด์ •๋ฆฌ ๋ฐ ์ˆ˜์ต ๋ฐฉ์•ˆ

์• ๋“œ์„ผ์Šค ๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ(๋นˆ์นธ)์˜ ๊ทผ๋ณธ์ ์ธ ์›์ธ์„ ๋ถ„์„ํ•˜๊ณ , 3์ค‘ ๋Œ€์ฒด ๊ด‘๊ณ  ์ „๋žต๊ณผ ๊ตฌ๊ธ€์˜ AI ๊ธฐ๋ฐ˜ ๋นˆ ๊ณต๊ฐ„ ์ตœ์ ํ™” ์‹œ์Šคํ…œ์„ ํ™œ์šฉํ•˜์—ฌ ์ˆ˜์ต ์†์‹ค์„ ๋ง‰๊ณ  ์ž…์ฐฐ๋ฅ (Fill Rate)์„ ๋†’์ด๋Š” ๊ตฌ์ฒด์ ์ธ SEO ๋ฐ ๊ธฐ์ˆ ์  ๋Œ€์‘ ๋ฐฉ๋ฒ•์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.


๋ธ”๋กœ๊ทธ๋ฅผ ์šด์˜ํ•˜๋‹ค ๋ณด๋ฉด ํ•œ ๋ฒˆ์ฏค ์ด๋Ÿฐ ์ƒํ™ฉ์„ ๊ฒฝํ—˜ํ•ด๋ณด์…จ์„ ๊ฒ๋‹ˆ๋‹ค. ๊ด‘๊ณ ๊ฐ€ ๋…ธ์ถœ๋˜์–ด์•ผ ํ•  ์œ„์น˜์— ์•„๋ฌด๊ฒƒ๋„ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ฑฐ๋‚˜, ๋นˆ์นธ๋งŒ ๋‚จ๋Š” ํ˜„์ƒ ๋ง์ด์ฃ . ์ด๋Ÿฌํ•œ ๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ, ์ฆ‰ '์–ธํ•„๋“œ ์Šฌ๋กฏ(Unfilled Slot)'์€ ๋‹จ์ˆœํ•œ ์‹œ๊ฐ์  ๋ฌธ์ œ๋ฅผ ๋„˜์–ด์„œ, ๋ธ”๋กœ๊ทธ ์ˆ˜์ต ์†์‹ค(Revenue Loss), ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals) ์ค‘ CLS (Cumulative Layout Shift) ๋ฌธ์ œ ์œ ๋ฐœ, ๊ทธ๋ฆฌ๊ณ  ์ฝ˜ํ…์ธ  ๋””์ž์ธ์˜ ์ ‘๊ทผ์„ฑ ์ €ํ•˜๋กœ ์ด์–ด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด์™€ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด, ๊ทธ๋™์•ˆ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ๋Œ€์‘ ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•ด ๋“œ๋ ธ์Šต๋‹ˆ๋‹ค.

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

  1. 1์ฐจ ์‹œ๋„ (๊ณ ์ˆ˜์ต): ์• ๋“œ์„ผ์Šค ๊ด‘๊ณ ๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ๋…ธ์ถœ๋˜๋„๋ก ์‹œ๋„
  2. 2์ฐจ ๋Œ€์ฒด (์ค‘์ˆ˜์ต): ์• ๋“œ์„ผ์Šค๊ฐ€ ๋ฏธ๋…ธ์ถœ๋  ๊ฒฝ์šฐ, ์• ๋“œํ• ๊ด‘๊ณ  ๋˜๋Š” ํ…ํ•‘(Tenping)๊ณผ ๊ฐ™์€ ๋Œ€์ฒด ํ”Œ๋žซํผ ๊ด‘๊ณ ๋กœ ๋Œ€์ฒด
  3. 3์ฐจ ๋ณด์™„ (์ €์ˆ˜์ต/UX): ์• ๋“œํ•๋งˆ์ € ๋ฏธ๋…ธ์ถœ๋˜๋ฉด, ๋‚ด๋ถ€ ์ถ”์ฒœ ์ฝ˜ํ…์ธ  ๋ฐฐ๋„ˆ, ์ œํœด ์ด๋ฏธ์ง€ ๋˜๋Š” ์ž์ฒด ๊ด‘๊ณ  ๋ฐฐ๋„ˆ๋กœ ๋นˆ๊ณต๊ฐ„์„ ์ปค๋ฒ„ํ•˜์—ฌ CLS์™€ UX ๋ฌธ์ œ ๋ฐฉ์ง€

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


๊ตฌ๊ธ€ ๊ณต์‹ ๋Œ€์‘์ฑ…: AI ๊ธฐ๋ฐ˜ ๋ฌธ๋งฅ ์ถ”์ฒœ ์‹œ์Šคํ…œ๊ณผ ์ˆ˜์ตํ™”

์ตœ๊ทผ, ์ด๋Ÿฌํ•œ ๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ ๋ฌธ์ œ(Ad Non-Display Issue)๋ฅผ ๊ตฌ๊ธ€ ์—ญ์‹œ ๊ณต์‹์ ์œผ๋กœ ์ธ์‹ํ•˜๊ณ  ์žˆ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค. 2025๋…„ 7์›” ๊ธฐ์ค€, ๊ตฌ๊ธ€์€ ์• ๋“œ์„ผ์Šค ๊ด‘๊ณ  ์‹œ์Šคํ…œ์—์„œ ์ฑ„์›Œ์ง€์ง€ ์•Š์€ ์ธํŽ˜์ด์ง€ ๊ด‘๊ณ  ๊ณต๊ฐ„(Unfilled Ad Space)์„ ๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ํ™œ์šฉํ•˜๋Š” ์ƒˆ๋กœ์šด ๋ฐฉ๋ฒ•์„ ์‹คํ—˜ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๊ณง ์ „๋ฉด ์‹œํ–‰ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ์ด๋Š” ๊ด‘๊ณ  ์ž…์ฐฐ ์‹คํŒจ ์‹œ์—๋„ ์ˆ˜์ต ๊ธฐํšŒ๋ฅผ ์ฐฝ์ถœํ•˜๋Š” ํš๊ธฐ์ ์ธ ๋ณ€ํ™”์ž…๋‹ˆ๋‹ค.

๊ตฌ๊ธ€์˜ ์ฑ„์›Œ์ง€์ง€ ์•Š์€ ๊ณต๊ฐ„ ๋Œ€์‘ ๋ฐฉ๋ฒ•
์ด๋ฏธ์ง€ ์ถœ์ฒ˜: ๊ตฌ๊ธ€

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

์ด ๊ธ€์—์„œ๋Š” ๋‹ค์Œ ๋‚ด์šฉ์„ ์ค‘์ ์ ์œผ๋กœ ๋‹ค๋ฃจ๊ฒ ์Šต๋‹ˆ๋‹ค.

  • ๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ์˜ ๊ทผ๋ณธ ์›์ธ: ๊ธฐ์ˆ ์  ๋ฌธ์ œ vs. RTB ์ž…์ฐฐ ์‹คํŒจ
  • ๋นˆ๊ณต๊ฐ„์„ ์ˆ˜์ตํ™”ํ•˜๋Š” ๊ธฐ์กด์˜ ๋‹ค์ค‘ ๋Œ€์ฒด ๊ด‘๊ณ  ๋Œ€์‘ ์ „๋žต
  • ๊ตฌ๊ธ€์ด ์ค€๋น„ ์ค‘์ธ ๋ฌธ๋งฅ ์ถ”์ฒœ ๊ธฐ๋ฐ˜ ๊ด‘๊ณ  ์ „ํ™˜ ๋ฐฉ์‹ ์ƒ์„ธ ๋ถ„์„
  • ์• ๋“œ์„ผ์Šค ์ž…์ฐฐ๋ฅ (Fill Rate)์„ ๋†’์ด๊ธฐ ์œ„ํ•œ ์ฝ˜ํ…์ธ  ์„ค๊ณ„ ์ „๋žต

์ฃผ์š” ํŠน์ง• ๋ฐ ๊ธฐ๋Œ€ ํšจ๊ณผ

2025๋…„ 7์›”๋ถ€ํ„ฐ ๋‹จ๊ณ„์ ์œผ๋กœ ๋„์ž…๋˜๋Š” ๊ตฌ๊ธ€์˜ ์ฑ„์›Œ์ง€์ง€ ์•Š์€ ๊ด‘๊ณ  ๊ณต๊ฐ„ ์ตœ์ ํ™” ์‹œ์Šคํ…œ์€ RTB ์ž…์ฐฐ ์‹คํŒจ๋กœ ์ธํ•œ ์ˆ˜์ต ์†์‹ค์„ ์ค„์ด๋Š” ๊ตฌ๊ธ€์˜ ๊ณต์‹์ ์ธ ๋Œ€์‘์ฑ…์ž…๋‹ˆ๋‹ค.

  • ๋ฌธ๋งฅ ๊ธฐ๋ฐ˜ ์ถ”์ฒœ ์ฝ˜ํ…์ธ  ์ œ๊ณต
    ๊ด‘๊ณ  ๋Œ€์‹  ํ•ด๋‹น ํŽ˜์ด์ง€ ์ฃผ์ œ์™€ ์—ฐ๊ด€์„ฑ์ด ๋†’์€ ๋‚ด๋ถ€ ์ฝ˜ํ…์ธ (์ถ”์ฒœ๊ธ€) ๋˜๋Š” ์ƒํ’ˆ/์„œ๋น„์Šค ์ถ”์ฒœ ์ฝ˜ํ…์ธ ๊ฐ€ ์ž๋™์œผ๋กœ ๋…ธ์ถœ๋จ. (์˜ˆ: '์—ฌํ–‰์ง€ ์ถ”์ฒœ' ๊ธ€์— '์—ฌํ–‰์ž ๋ณดํ—˜ ์ •๋ณด' ์ถ”์ฒœ)
  • ์ถ”์ฒœ ํด๋ฆญ ์‹œ ๋Œ€ํ™”ํ˜• ํŒจ๋„ ํ˜•์‹์œผ๋กœ ๊ด‘๊ณ  ๋…ธ์ถœ ์ „ํ™˜ (์‚ฌ์šฉ์ž๊ฐ€ ๊ด€์‹ฌ์„ ๋ณด์ธ ํ›„ ๊ด‘๊ณ ๋ฅผ ๋ณด์—ฌ์ฃผ๋ฏ€๋กœ ํด๋ฆญ๋ฅ (CTR)์ด ๋†’์•„์งˆ ๊ฐ€๋Šฅ์„ฑ์ด ํผ)
  • ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ์„ค์ •์—์„œ '๋น„์–ด ์žˆ๋Š” ์ธํŽ˜์ด์ง€ ๊ด‘๊ณ  ์ฑ„์šฐ๊ธฐ' ํ•ญ๋ชฉ์ด ์ž๋™ ํ™œ์„ฑํ™”๋จ
  • ๊ด‘๊ณ  ์ž…์ฐฐ ์‹คํŒจ ์‹œ์—๋„ ์‚ฌ์šฉ์ž์˜ ์ฒด๋ฅ˜ ์‹œ๊ฐ„์„ ํ™•๋ณดํ•˜๊ณ , ์ž ์žฌ์ ์ธ ์ˆ˜์ต ์ „ํ™˜์„ ์œ ๋„ํ•จ

์„ค์ • ๋ณ€๊ฒฝ ๋ฐ ํ•ด์ œ ๋ฐฉ๋ฒ•

  1. ์• ๋“œ์„ผ์Šค ๊ณ„์ • ๋กœ๊ทธ์ธ
  2. [๋ธŒ๋žœ๋“œ ์•ˆ์ „์„ฑ] [์ฝ˜ํ…์ธ ] [์ฐจ๋‹จ ์„ค์ •]์œผ๋กœ ์ด๋™
  3. [๊ด‘๊ณ  ๊ฒŒ์žฌ ๊ด€๋ฆฌ] ๋ฉ”๋‰ด ํด๋ฆญ
  4. '๋””์Šคํ”Œ๋ ˆ์ด ๊ด‘๊ณ ' ํ•ญ๋ชฉ ๋‚ด ๋น„์–ด ์žˆ๋Š” ์ธํŽ˜์ด์ง€ ๊ด‘๊ณ  ์ฑ„์šฐ๊ธฐ ๋น„ํ™œ์„ฑํ™” ๊ฐ€๋Šฅ (ํ•„์š”์‹œ)

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

๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ์˜ ๊ทผ๋ณธ ์›์ธ ๋ถ„์„๊ณผ ๊ธฐ์ˆ ์  ๋Œ€์‘ ๋ฐฉ์•ˆ

์• ๋“œ์„ผ์Šค๋Š” ์‹ค์‹œ๊ฐ„ ๊ด‘๊ณ  ์ž…์ฐฐ(RTB, Real-Time Bidding) ์‹œ์Šคํ…œ์„ ํ†ตํ•ด, ๋ฐฉ๋ฌธ์ž์˜ ๊ด€์‹ฌ์‚ฌ์™€ ํŽ˜์ด์ง€ ๋‚ด์šฉ์„ ๋ถ„์„ํ•œ ํ›„, ํ•ด๋‹น ๊ณต๊ฐ„์— ๊ฐ€์žฅ ์ ํ•ฉํ•œ ๊ด‘๊ณ ๋ฅผ ๋งค์นญํ•ฉ๋‹ˆ๋‹ค. ์ด ์‹œ์Šคํ…œ์—์„œ ๊ด‘๊ณ ๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ํ‘œ์‹œ๋˜์ง€ ๋ชปํ•œ ์ž๋ฆฌ๋Š” ์ˆ˜์ต์„ ์ „ํ˜€ ๋ฐœ์ƒ์‹œํ‚ค์ง€ ๋ชปํ•˜๋Š” ๊ณต๊ฐ„, ์ฆ‰ ์‚ฌ์ดํŠธ ๋‚ด์˜ ๋น„์–ด ์žˆ๋Š” ๊ด‘๊ณ  ์Šฌ๋กฏ(Unfilled Ad Space)์œผ๋กœ ๋‚จ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ฏธ๋…ธ์ถœ ์›์ธ์€ ํฌ๊ฒŒ '๋‚ด๋ถ€ ๊ตฌ์กฐ ๋ฌธ์ œ'์™€ '์™ธ๋ถ€ ์ž…์ฐฐ ์‹คํŒจ' ๋‘ ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.

1. ๋‚ด๋ถ€ ์ฝ”๋“œ ๋˜๋Š” ๊ตฌ์กฐ์  ๋ฌธ์ œ (๊ด‘๊ณ  ์Šฌ๋กฏ ์ž์ฒด๊ฐ€ ์—†์Œ)

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

  • ์ด์ค‘ ๊ด‘๊ณ  ์Šฌ๋กฏ ๋˜๋Š” ์Šคํฌ๋ฆฝํŠธ ์ค‘๋ณต: ๋™์ผํ•œ ๊ด‘๊ณ  ์œ„์น˜์— ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๊ด‘๊ณ  ์ฝ”๋“œ๋ฅผ ์ค‘์ฒฉ ์‚ฝ์ž…ํ•ด ์ถฉ๋Œ ๋ฐœ์ƒ
  • ๊ด‘๊ณ  ๊ณต๊ฐ„ ํ™•๋ณด ์‹คํŒจ (CSS ์ด์Šˆ): CSS ์ƒ์—์„œ ๊ด‘๊ณ  ๋ฐ•์Šค์˜ `display:none`, `visibility:hidden`, `overflow:hidden` ๋“ฑ์˜ ์„ค์ •์ด ๊ด‘๊ณ  ๋กœ๋”ฉ์„ ๋ฐฉํ•ดํ•˜์—ฌ ๊ด‘๊ณ  `iframe` ์ƒ์„ฑ์„ ๋ง‰์Œ (๊ด‘๊ณ  ๋กœ๋”ฉ ์ฐจ๋‹จ)
  • ์ €ํ’ˆ์งˆ ์ฝ˜ํ…์ธ ๋กœ ์ธํ•œ ๊ด‘๊ณ  ์ œํ•œ ๋˜๋Š” ์‚ฝ์ž… ์‹คํŒจ (์ค‘๋ณต ๊ธ€, ์ž๋™ ์ƒ์„ฑ ์ฝ˜ํ…์ธ , ๊ตฌ๊ธ€ ์ •์ฑ… ์œ„๋ฐ˜ ์ฝ˜ํ…์ธ  ๋“ฑ)
  • ๊ด‘๊ณ  iframe ๋ˆ„๋ฝ: ์• ๋“œ์„ผ์Šค๋Š” `iframe` ํƒœ๊ทธ๋ฅผ ์ƒ์„ฑํ•ด์•ผ ํ•˜๋Š”๋ฐ, ์ฝ”๋“œ ์˜ค๋ฅ˜๋กœ ์ธํ•ด ์ƒ์„ฑ ์ž์ฒด๊ฐ€ ๋˜์ง€ ์•Š๋Š” ์น˜๋ช…์ ์ธ ๊ตฌ์กฐ์  ๋ฌธ์ œ. `pubads_impl_*.js` ํŒŒ์ผ ๋กœ๋”ฉ ์‹คํŒจ ๋“ฑ๋„ ์ด ๋ฒ”์ฃผ์— ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.
์ด ๊ฒฝ์šฐ์—” ๊ด‘๊ณ  ์‹œ์Šคํ…œ์ด ์Šฌ๋กฏ์„ ์ธ์‹ํ•  ์ˆ˜ ์—†์–ด ๊ด‘๊ณ ๋ฅผ ๋„ฃ์„ ์ˆ˜ ์—†๋Š” ์ƒํƒœ์ž…๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž ๋„๊ตฌ(Console)์—์„œ ์˜ค๋ฅ˜๋ฅผ ํ™•์ธํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉํ–ฅ:

  • ๊ด‘๊ณ  ์ฝ”๋“œ๊ฐ€ ์ •ํ™•ํžˆ ์‚ฝ์ž…๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ์ค‘๋ณต ์‚ฝ์ž… ์ œ๊ฑฐ
  • `iframe`์ด ์ •์ƒ ์ƒ์„ฑ๋˜๋Š”์ง€ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ(Elements)๋กœ ์ ๊ฒ€
  • ๋ ˆ์ด์•„์›ƒ์ด ๊ด‘๊ณ  ๋…ธ์ถœ์— ์ ํ•ฉํ•œ ๊ตฌ์กฐ์ธ์ง€ ๊ฒ€ํ† ํ•˜๊ณ , CLS ๋ฐฉ์ง€๋ฅผ ์œ„ํ•ด ๊ด‘๊ณ  ์˜์—ญ์˜ ์ตœ์†Œ ๋†’์ด(min-height)๋ฅผ ๋ฏธ๋ฆฌ ์ง€์ •

2. ์™ธ๋ถ€ ์š”์ธ์— ์˜ํ•œ ๊ด‘๊ณ  ๋ฏธ์ž…์ฐฐ (RTB ์ž…์ฐฐ ์‹คํŒจ)

๊ด‘๊ณ  ์ฝ”๋“œ๊ฐ€ ์ •์ƒ ์‚ฝ์ž…๋˜์—ˆ์Œ์—๋„ ๊ด‘๊ณ ๊ฐ€ ๋น„์–ด ์žˆ๋‹ค๋ฉด, ์ด๋Š” ๋Œ€๋ถ€๋ถ„ ๊ด‘๊ณ ์ฃผ ์ž…์ฐฐ ์‹คํŒจ ๋˜๋Š” ์™ธ๋ถ€ ํ™˜๊ฒฝ์  ์›์ธ ๋•Œ๋ฌธ์ด๋ฉฐ, ์ด๋Š” ์ž…์ฐฐ๋ฅ (Fill Rate)๊ณผ ์ง๊ฒฐ๋ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๊ด‘๊ณ ๋ฅผ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ˆ ์  ์กฐ๊ฑด์€ ๊ฐ–์ท„์œผ๋‚˜, ๊ฒฝ์Ÿ์—์„œ ๋‚™์ฐฐ๋ฐ›์ง€ ๋ชปํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์™ธ๋ถ€ ์š”์ธ ๊ธฐ๋ฐ˜ ๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ ์ฃผ์š” ์›์ธ

  • ๊ด‘๊ณ ์ฃผ ์ž…์ฐฐ ๋ถ€์žฌ (No Bid): ๊ด‘๊ณ ์ฃผ๊ฐ€ ํ•ด๋‹น ํ‚ค์›Œ๋“œ, ๋ฐฉ๋ฌธ์ž ์ •๋ณด, ์œ„์น˜ ์กฐ๊ฑด ๋“ฑ์— ๋Œ€ํ•ด ์ž…์ฐฐํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ (๊ฐ€์žฅ ํ”ํ•œ ์›์ธ)
  • ๋‚ฎ์€ ๋‹จ๊ฐ€(CPC) ๋˜๋Š” ์ˆ˜์ต์„ฑ ๋ถ€์กฑ: ๊ด‘๊ณ  ๋‹จ๊ฐ€๊ฐ€ ๋‚ฎ๊ฑฐ๋‚˜ ์˜ˆ์ƒ CTR์ด ๋‚ฎ์•„ ์• ๋“œ์„ผ์Šค๊ฐ€ ํ‘œ์‹œ๋ฅผ ํ•˜์ง€ ์•Š์Œ
  • ๊ด‘๊ณ  ํ•„ํ„ฐ ๋˜๋Š” ์ฝ˜ํ…์ธ  ์ œํ•œ: ๋ฏผ๊ฐํ•˜๊ฑฐ๋‚˜ ์ œํ•œ๋œ ์ฃผ์ œ๋ฅผ ๋‹ค๋ฃฌ ์ฝ˜ํ…์ธ ๋กœ ์ธํ•ด ๊ด‘๊ณ ๊ฐ€ ์ฐจ๋‹จ๋จ (์˜ˆ: ์„ฑ์ธ, ๋ถˆ๋ฒ• ์ฝ˜ํ…์ธ  ๋“ฑ)
  • ๊ด‘๊ณ  ์ฐจ๋‹จ๊ธฐ(AdBlock) ์‚ฌ์šฉ: ๋ฐฉ๋ฌธ์ž์˜ ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ์—์„œ ๊ด‘๊ณ  ๋กœ๋”ฉ ์ž์ฒด๊ฐ€ ์ฐจ๋‹จ๋จ (๋Œ€์‘ ์Šคํฌ๋ฆฝํŠธ ํ•„์š”)
  • ์‚ฌ์šฉ์ž ํƒ€๊ฒŸํŒ… ๋ถ€์žฌ: ๋ฐฉ๋ฌธ์ž๊ฐ€ ๊ด‘๊ณ ์ฃผ๊ฐ€ ์›ํ•˜๋Š” ํƒ€๊ฒŸ๊ณผ ๋งž์ง€ ์•Š์•„ ๊ด‘๊ณ  ์ž…์ฐฐ์ด ์ด๋ฃจ์–ด์ง€์ง€ ์•Š์Œ
๋ถ„๋ฅ˜ ์ฃผ์š” ์›์ธ ๊ธฐ์ˆ ์ /์šด์˜์  ๋Œ€์‘ ๋ฐฉ๋ฒ•
์ฝ”๋“œ/๊ตฌ์กฐ ๋ฌธ์ œ iframe ์ƒ์„ฑ ์•ˆ ๋จ, ๊ด‘๊ณ  ์˜์—ญ CSS ์ˆจ๊น€ ์ฒ˜๋ฆฌ, ์ค‘๋ณต ์ฝ”๋“œ HTML ๊ตฌ์กฐ ๋ฐ CSS ๊ฒ€ํ† , `min-height` ์„ค์ •, ๊ด‘๊ณ  ์ฝ”๋“œ ๋น„๋™๊ธฐ ๋กœ๋”ฉ(Async Loading) ์ ์šฉ
์™ธ๋ถ€ ์ž…์ฐฐ ์‹คํŒจ ๊ด‘๊ณ ์ฃผ ์—†์Œ, ๋‹จ๊ฐ€ ๋‚ฎ์Œ, ์ฝ˜ํ…์ธ  ์ œํ•œ, AdBlock ํ‚ค์›Œ๋“œ ๋ฆฌ์„œ์น˜ ๊ธฐ๋ฐ˜ ๊ณ ๋‹จ๊ฐ€ ์ฝ˜ํ…์ธ  ์ž‘์„ฑ, ๋‹ค์ค‘ ๋Œ€์ฒด ๊ด‘๊ณ  ์‹œ์Šคํ…œ ์ ์šฉ, ์• ๋“œ๋ธ”๋ก ๊ฐ์ง€ ์Šคํฌ๋ฆฝํŠธ ํ™œ์šฉ

๋นˆ ๊ด‘๊ณ  ๊ณต๊ฐ„์„ ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ• ๊นŒ?

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

๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ ๋Œ€๋น„ SEO ์ „๋žต ๋ฐ ๊ณ ์ˆ˜์ต ์ฝ˜ํ…์ธ  ์ตœ์ ํ™” ํŒ

๋ฏธ๋…ธ์ถœ ์ƒํ™ฉ์— ๋Œ€๋น„ํ•˜๊ณ , ๊ถ๊ทน์ ์œผ๋กœ ์ž…์ฐฐ๋ฅ (Fill Rate)๊ณผ ๋‹จ๊ฐ€(CPC)๋ฅผ ๋†’์—ฌ ์ˆ˜์ต์„ ๊ทน๋Œ€ํ™”ํ•˜๊ธฐ ์œ„ํ•œ SEO ๋ฐ ์ฝ˜ํ…์ธ  ์ตœ์ ํ™” ์ „๋žต์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๊ด‘๊ณ ์ฃผ๊ฐ€ ์„ ํ˜ธํ•˜๋Š” ๊ณ ํ’ˆ์งˆ ์ธ๋ฒคํ† ๋ฆฌ(High-Quality Inventory)๋กœ ๋ถ„๋ฅ˜๋˜์–ด ์ž…์ฐฐ ๊ฒฝ์Ÿ์—์„œ ์œ ๋ฆฌํ•ด์ง€๋Š” ํ•ต์‹ฌ ์ „๋žต์ž…๋‹ˆ๋‹ค.

  • ๊ณ ๋‹จ๊ฐ€ ํ‚ค์›Œ๋“œ ๋ถ„์„ ๋ฐ ์ฝ˜ํ…์ธ  ์„ค๊ณ„: (์˜ˆ: ๊ธˆ์œต ์ƒํ’ˆ ๋ฆฌ๋ทฐ, IT ๊ธฐ์ˆ  ์‹ฌ์ธต ๋ถ„์„, ๊ณ ๊ฐ€ ๋ถ€๋™์‚ฐ/๋ณดํ—˜ ๋“ฑ) ํ‚ค์›Œ๋“œ ๋ฆฌ์„œ์น˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฒฝ์Ÿ๋ฅ ์ด ๋‚ฎ๊ณ  ๋‹จ๊ฐ€๊ฐ€ ๋†’์€ ๋กฑํ…Œ์ผ ํ‚ค์›Œ๋“œ๋ฅผ ๋ฐœ๊ตดํ•˜๊ณ  ํ•ด๋‹น ์ฃผ์ œ๋กœ ์ฝ˜ํ…์ธ ๋ฅผ ์„ค๊ณ„ํ•ฉ๋‹ˆ๋‹ค. (๋กฑํ…Œ์ผ ์ˆ˜์ต ๋ชจ๋ธ ๊ฐ•ํ™”)
  • ์‹œ๋งจํ‹ฑ ๋งˆํฌ์—… ๊ฐ•ํ™” ๋ฐ ๊ตฌ์กฐ ์ตœ์ ํ™”: ๊ตฌ๊ธ€ ํฌ๋กค๋Ÿฌ๊ฐ€ ์ •ํ™•ํžˆ ๋ถ„์„ํ•  ์ˆ˜ ์žˆ๋„๋ก h1~h3, p, alt, schema.org ๊ตฌ์กฐ ํ™œ์šฉ์„ ํ†ตํ•ด ์ฝ˜ํ…์ธ  ํ’ˆ์งˆ ์ ์ˆ˜๋ฅผ ๋†’์ž„. ์ด๋Š” ๊ด‘๊ณ ์ฃผ๊ฐ€ ์„ ํ˜ธํ•˜๋Š” ๊ณ ํ’ˆ์งˆ ์ธ๋ฒคํ† ๋ฆฌ๋กœ ๋ถ„๋ฅ˜๋˜๋Š” ๋ฐ ๋„์›€์„ ์คŒ.
  • ๊ด‘๊ณ  ์˜์—ญ ๊ตฌํš ๋ช…ํ™•ํžˆ ๋ฐ CLS ๋ฐฉ์ง€: CSS๋‚˜ `div class="ad-area"` ๋“ฑ์œผ๋กœ ๊ด‘๊ณ  ๊ณต๊ฐ„์„ ๋ช…ํ™•ํžˆ ์ง€์ •ํ•˜๊ณ  `min-height`๋ฅผ ์„ค์ •ํ•˜์—ฌ CLS ์˜ค๋ฅ˜ ๋ฐฉ์ง€. ์•ˆ์ •์ ์ธ ํŽ˜์ด์ง€๋Š” ๊ด‘๊ณ  ์ž…์ฐฐ ๊ฒฝ์Ÿ์—์„œ ์šฐ์œ„๋ฅผ ์ ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ชจ๋ฐ”์ผ ์†๋„ ์ตœ์ ํ™”: ๊ด‘๊ณ  ๋กœ๋”ฉ์„ ๋น„๋™๊ธฐ(Async) ์ฒ˜๋ฆฌํ•˜๊ณ  ์ด๋ฏธ์ง€ Lazy Loading์„ ์ ์šฉํ•˜์—ฌ LCP(Largest Contentful Paint)๋ฅผ ๊ฐœ์„ . ๋น ๋ฅธ ํŽ˜์ด์ง€ ๋กœ๋”ฉ์€ ์‚ฌ์šฉ์ž ์ดํƒˆ์„ ์ค„์—ฌ ์ž…์ฐฐ ๊ธฐํšŒ๋ฅผ ์ฆ๊ฐ€์‹œํ‚ต๋‹ˆ๋‹ค. (์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ ์ค€์ˆ˜)
  • ๊ด‘๊ณ  ๋กœ๋”ฉ ์‹คํŒจ ๊ฐ์ง€ ์Šคํฌ๋ฆฝํŠธ ํ™œ์šฉ: `MutationObserver`๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ด‘๊ณ  ์Šฌ๋กฏ์˜ `iframe` ์ƒ์„ฑ ์—ฌ๋ถ€๋ฅผ ๋ชจ๋‹ˆํ„ฐ๋งํ•˜๊ณ , ์‹คํŒจ ์‹œ ๋‚ด๋ถ€ ์ฝ˜ํ…์ธ  ์ถ”์ฒœ ์œ„์ ฏ์„ ์ฆ‰์‹œ ์‚ฝ์ž…ํ•˜๋Š” ์ž๋™ ๋Œ€์ฒด ์‹œ์Šคํ…œ ๊ตฌ์ถ•.

๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ๊ด‘๊ณ ๊ฐ€ ํ•ญ์ƒ ํ‘œ์‹œ๋˜๋Š” ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. ๊ด‘๊ณ  ์ž…์ฐฐ ์‹คํŒจ, ์ฝ˜ํ…์ธ  ๋ถ€์ ํ•ฉ, ์‚ฌ์šฉ์ž ํ™˜๊ฒฝ ๋“ฑ ์—ฌ๋Ÿฌ ์š”์ธ์œผ๋กœ ์ธํ•ด ๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ ๋นˆ๊ณต๊ฐ„(Unfilled Ad Slot)์ด ์ƒ๊ธฐ๋ฉด, ์ˆ˜์ต ์†์‹ค๋กœ ์ง๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

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

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


์• ๋“œ์„ผ์Šค ๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ์˜ ๊ฐ€์žฅ ํ”ํ•œ ์›์ธ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

๊ฐ€์žฅ ํ”ํ•œ ์›์ธ์€ ์™ธ๋ถ€ ์š”์ธ์— ์˜ํ•œ RTB(์‹ค์‹œ๊ฐ„ ์ž…์ฐฐ) ์‹คํŒจ์ž…๋‹ˆ๋‹ค. ์ฆ‰, ๊ด‘๊ณ ์ฃผ๊ฐ€ ํ•ด๋‹น ํŽ˜์ด์ง€์˜ ๋ฐฉ๋ฌธ์ž๋‚˜ ํ‚ค์›Œ๋“œ์— ๋Œ€ํ•ด ์ž…์ฐฐํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ๋‹จ๊ฐ€๊ฐ€ ๋‚ฎ์•„ ์• ๋“œ์„ผ์Šค ์‹œ์Šคํ…œ์ด ๊ด‘๊ณ ๋ฅผ ํ‘œ์‹œํ•˜์ง€ ์•Š๊ธฐ๋กœ ๊ฒฐ์ •ํ•˜๋Š” ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค. ๊ธฐ์ˆ ์  ๋ฌธ์ œ(์ฝ”๋“œ ์˜ค๋ฅ˜, CSS ์ˆจ๊น€)๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด ๋Œ€๋ถ€๋ถ„ ์ž…์ฐฐ ์‹คํŒจ๊ฐ€ ์›์ธ์ž…๋‹ˆ๋‹ค.

๊ด‘๊ณ  ๋ฏธ๋…ธ์ถœ๋กœ ์ธํ•ด ๋ธ”๋กœ๊ทธ์˜ CLS(Cumulative Layout Shift) ์ ์ˆ˜๊ฐ€ ๋‚ฎ์•„์ง€๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

CLS๋Š” ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ์„ ์ธก์ •ํ•˜๋Š” ํ•ต์‹ฌ ์›น ๋ฐ”์ดํƒˆ ์ง€ํ‘œ์ž…๋‹ˆ๋‹ค. ๊ด‘๊ณ ๊ฐ€ ๋กœ๋“œ๋˜์–ด์•ผ ํ•  ์˜์—ญ์„ ๋ฏธ๋ฆฌ ํ™•๋ณดํ•˜์ง€ ์•Š์•˜์„ ๋•Œ, ๋‚˜์ค‘์— ๊ด‘๊ณ ๊ฐ€ ๊ฐ‘์ž๊ธฐ ๋กœ๋“œ๋˜๋ฉด์„œ ์ฃผ๋ณ€ ์ฝ˜ํ…์ธ ๊ฐ€ ๋ฐ€๋ ค๋‚˜๊ฑฐ๋‚˜ ์›€์ง์ด๋Š” ํ˜„์ƒ(๋ ˆ์ด์•„์›ƒ ์ด๋™)์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๋ฉด CSS์˜ `min-height` ์†์„ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ด‘๊ณ  ์˜์—ญ์˜ ์ตœ์†Œ ๋†’์ด๋ฅผ ๋ฏธ๋ฆฌ ์ง€์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๊ตฌ๊ธ€์ด ์ƒˆ๋กœ ๋„์ž…ํ•˜๋Š” '๋นˆ ๊ณต๊ฐ„ ์ตœ์ ํ™” ์‹œ์Šคํ…œ'์€ ์–ด๋–ป๊ฒŒ ์ˆ˜์ต์„ ์ฐฝ์ถœํ•˜๋‚˜์š”?

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