๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ธ”๋กœ๊ทธ Story

ํ‹ฐ์Šคํ† ๋ฆฌ ๊ด‘๊ณ  ์ˆ˜์ต ์ฆ๋Œ€ ๊ฟ€ํŒ!! ๋‚ด๋ถ€ ํ•˜์ดํผ ๋งํฌ์™€ ์• ๋“œ์ƒŒ์Šค ์—ฐ๋™ํ•˜๊ธฐ : ๋‚ด๋ถ€ ํ•˜์ดํผ ๋งํฌ๋ฅผ ํ˜„์žฌ ์ฐฝ์œผ๋กœ ์—ฌ๋Š” ๋ฐฉ๋ฒ•(html ์ฝ”๋“œ ์‚ฝ์ž…)

by ๐Ÿ‘ซ ๐Ÿ˜˜ ๐Ÿ’• 2023. 1. 28.

ํ‹ฐ์Šคํ† ๋ฆฌ ๊ด‘๊ณ  ์ˆ˜์ต ์ฆ๋Œ€ ๊ฟ€ํŒ!! ๋‚ด๋ถ€ ํ•˜์ดํผ ๋งํฌ์™€ ์• ๋“œ์ƒŒ์Šค ์—ฐ๋™ํ•˜๊ธฐ : ๋‚ด๋ถ€ ํ•˜์ดํผ ๋งํฌ๋ฅผ ํ˜„์žฌ ์ฐฝ์œผ๋กœ ์—ฌ๋Š” ๋ฐฉ๋ฒ•(html ์ฝ”๋“œ ์‚ฝ์ž…)


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


1. ๋‚ด๋ถ€ ํ•˜์ดํผ๋งํฌ์˜ ๊ธฐ๋Šฅ 1 : ๋ธ”๋กœ๊ทธ ์ฒด๋ฅ˜ ์‹œ๊ฐ„ ๋†’์—ฌ ๋ธ”๋กœ๊ทธ์˜ ์ง€์ˆ˜๊ฐ€ ๋†’์•„์ง

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

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


2. ๋‚ด๋ถ€ ํ•˜์ดํผ๋งํฌ์˜ ๊ธฐ๋Šฅ 2 : ์• ๋“œ ์„ผ์Šค ์ „๋ฉด ๊ด‘๊ณ ์™€ ์—ฐ๋™์œผ๋กœ ์ˆ˜์ต ์ฐฝ์ถœ ๊ฐ€๋Šฅ

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


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


3. html ์ฝ”๋“œ๋ฅผ ์‚ฝ์ž…์œผ๋กœ ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ด๋ถ€ ํ•˜์ดํผ๋งํฌ๋ฅผ ์• ๋“œ ์ƒŒ์Šค์™€ ์—ฐ๋™ํ•˜์—ฌ ํ˜„์žฌ์ฐฝ์ด ์—ด๋ฆฌ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•

  ๋ธ”๋กœ๊ทธ ์™• ์ดˆ๋ณด์ธ ์•„์žผ๋งˆ๋„ ๋น„๊ต์  ์ˆ˜์›”ํ•˜๊ฒŒ ๋”ฐ๋ผ ํ–ˆ์œผ๋‹ˆ ์•„๋งˆ ๋ˆ„๊ตฌ๋‚˜ ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ผ ์ƒ๊ฐํ•œ๋‹ค. 
  

  1) ํ‹ฐ์Šคํ† ๋ฆฌ [๊ด€๋ฆฌ] โ‡จ [๊พธ๋ฏธ๊ธฐ – ์Šคํ‚จํŽธ์ง‘] โ‡จ [์Šคํ‚จํŽธ์ง‘ - html ํŽธ์ง‘]์œผ๋กœ ์ด๋™

  ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์˜ “๊ด€๋ฆฌ” ์ฐฝ์œผ๋กœ ๊ฐ€์„œ,  “๊พธ๋ฏธ๊ธฐ-์Šคํ‚จํŽธ์ง‘”์„ ํด๋ฆญํ•˜๋ฉด ํ™”๋ฉด์˜ ์˜ค๋ฅธ์ชฝ ์ƒ๋ถ€์— “html ํŽธ์ง‘”์„ ์ฐพ์„ ์ˆ˜ ์žˆ๋‹ค. “html ํŽธ์ง‘”์„ ๋ˆ„๋ฅธ๋‹ค.  

ํ‹ฐ์Šคํ† ๋ฆฌ-๋ธ”๋กœ๊ทธ-๊ด€๋ฆฌํ™ˆ-์Šคํ‚จํŽธ์ง‘-htmlํŽธ์ง‘

  
  2) “ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ด๋ถ€๋งํฌ ํ˜„์žฌ์ฐฝ ์—ด๊ธฐ ์ฝ”๋“œ” ๋ณต์‚ฌ 

  ์•„๋ž˜์— ์ œ์‹œ๋œ “ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ด๋ถ€๋งํฌ ํ˜„์žฌ์ฐฝ ์—ด๊ธฐ ์ฝ”๋“œ”๋ฅผ ๋ณต์‚ฌํ•œ๋‹ค. 

<!--๋‚ด๋ถ€๋งํฌ-->
 
<script>
var links = document.getElementsByTagName("a");
var thisHref = window.location.hostname;
for(var i=0; i<links.length; i++) {
templink = links[i].href;
a = getLocation(templink);

if (a.hostname == thisHref){ // if the link is not same with current page URL
links[i].removeAttribute("target");
}
}

function getLocation(href) {
var location = document.createElement("a");
location.href = href;
if (location.host == "") {
location.href = location.href;
}
return location;
};
</script>

ํ‹ฐ์Šคํ† ๋ฆฌ-๋‚ด๋ถ€๋งํฌ-ํ˜„์žฌ์ฐฝ-์—ด๊ธฐ-์ฝ”๋“œ.txt
0.00MB

 

  3) ๋ธ”๋กœ๊ทธ html ํŽธ์ง‘์œผ๋กœ ๋ณต๊ท€ โ‡จ </body> ์œ„์— ๋ณต์‚ฌํ•œ ์ฝ”๋“œ ์‚ฝ์ž… โ‡จ “์ ์šฉ” ํด๋ฆญ

  ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ html ํŽธ์ง‘ ๋ชจ๋“œ๋กœ ๋Œ์•„์™€์„œ, </body> ์œ„์— ๋ณต์‚ฌํ•œ ์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ ๋„ฃ๊ณ , “์ ์šฉ”์„ ํด๋ฆญํ•˜๋ฉด ์ž‘์—… ์™„๋ฃŒ๋‹ค. 

ํ‹ฐ์Šคํ† ๋ฆฌ ๋‚ด๋ถ€๋งํฌ ํ˜„์žฌ์ฐฝ ์—ด๊ธฐ ์ฝ”๋“œ๋ฅผ html์— ๋„ฃ๊ธฐ


  4) ํ™•์ธ

  ๋‚ด๋ถ€ ๋งํฌ๋ฅผ ์—ฐ๊ฒฐํ•ด ๋‘” ๊ธ€๋กœ ๊ฐ€์„œ ํ™•์ธํ•ด ๋ณธ๋‹ค. ๋‚ด๋ถ€ ๋งํฌ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์ „๋ฉด ๊ด‘๊ณ ๊ฐ€ ๋œจ๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.


4. ๋งˆ๋ฌด๋ฆฌ

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

 

 

 

โ–ผโ–ผ ์—ฐ๊ด€๋œ ๊ธ€๋กœ ๊ฐ€๊ธฐ โ–ผโ–ผ 

ํ‹ฐ์Šคํ† ๋ฆฌ ํ•˜์ดํผ ๋งํฌ ๋„ฃ๊ธฐ(์ด์ „ ๋ฐœํ–‰ ๊ธ€ ๋„ฃ๊ธฐ)

'๋ธ”๋กœ๊ทธ Story' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ ์• ๋“œ์„ผ์Šค ๊ด€๋ฆฌ์˜ โ€œ๋‹ค์‹œ ์กฐํšŒํ•˜๊ธฐโ€ ์—๋Ÿฌ 0.1์ดˆ์— ํ•ด๊ฒฐํ•˜๊ธฐ  (0) 2023.02.01
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์— ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ ๋ฐ•์Šค ๋งŒ๋“ค๊ธฐ(& ํŒŒ์ผ ์ฒจ๋ถ€ํ•˜๊ธฐ)  (1) 2023.01.30
๋ธ”๋กœ๊ทธ ์ตœ์ ํ™” - โ€œ<H1> ์š”์†Œ๊ฐ€ 2๊ฐœ ์ด์ƒ ๋ฐœ๊ฒฌโ€ ๊ฒฝ๊ณ ๋ฌธ๊ตฌ ํ•ด๊ฒฐํ•˜๊ธฐ  (3) 2023.01.24
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ณ€ํ™”์— ๋Œ€ํ•ด ๊ฐ€๋งŒํžˆ ์žˆ์„ ์ˆ˜ ์—†๋‹ค! ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋ฐฑ์—… ํ•˜๊ธฐ  (1) 2023.01.18
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์™€ ์นด์นด์˜ค ๋ทฐ ์—ฐ๋™ํ•˜๊ธฐ - ์นด์นด์˜ค ๋ทฐ ์ฑ„๋„ ๋งŒ๋“ค๊ธฐ, ํ‹ฐ์Šคํ† ๋ฆฌ์™€ ์—ฐ๋™ํ•˜๊ธฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊ธ€์„ ์นด์นด์˜ค๋ทฐ ๋ณด๋“œ์— ๋‹ด๊ธฐ  (1) 2023.01.17

๋Œ“๊ธ€