๋ธ๋ก๊ทธ ๋ฐฑ์ ํ๋ ๋ฐฉ๋ฒ ํจ์จ์ ์ด๊ณ ์์ ํ ๋ฐ์ดํฐ ๊ด๋ฆฌ
๋ธ๋ก๊ทธ ์ด์์ ํ๋ค ๋ณด๋ฉด ์ฝํ ์ธ ์ ๋ฐฑ์ ์ด ํ์ํ ๋๊ฐ ๋ง์ต๋๋ค. ํนํ ํฐ์คํ ๋ฆฌ์ ๊ฐ์ ํ๋ซํผ์์๋ ์๋ ๋ฐฑ์ ๊ธฐ๋ฅ์ ์ ๊ณตํ์ง๋ง, ์ด๋ฅผ ํ์ฉํ๋ ๊ณผ์ ์์ ์ผ๋ถ ๋ถํธํ ์ ์ด ์์ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ๋ฐฑ์ ๋ ํ์ผ๋ค์ด ์์ถ ํํ๋ก ์ ๊ณต๋๊ณ , ์ด ํ์ผ๋ค์ ํ์ด์ ๋ค์ ๋ธ๋ก๊ทธ์ ๋ง๊ฒ ์ ๋ฆฌํ๋ ์์ ์ด ํ์ํฉ๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฑ์ ํ๋ ๋ฐฉ๋ฒ ์์ ํ ๋ฐ์ดํฐ ๊ด๋ฆฌ ํ
์ด๋ฒ ๊ธ์์๋ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ์๋ ๋ฐฑ์ ํ์ผ์ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ๊ณผ HTML ์ฝ๋์ ์ด๋ฏธ์ง ํ์ผ์ ๊ฐํธํ๊ฒ ์ ๋ฆฌํ ์ ์๋๋ฐฉ๋ฒ์ ์๊ฐํ๋ ค๊ณ ํฉ๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฑ์ ์ ์ค์์ฑ
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ์ ๋ฐ์ดํฐ๋ฅผ ๋ฐฑ์ ํ๋ ๊ฒ์ ์ฌ๋ฌ ์ด์ ๋ก ์ค์ํฉ๋๋ค. ์ฌ๊ธฐ ๋ช ๊ฐ์ง ์ด์ ๋ฅผ ๋ค์ด๋ณด๊ฒ ์ต๋๋ค.
๋ฐ์ดํฐ ์์ค ๋ฐฉ์ง
ํฐ์คํ ๋ฆฌ ์๋ฒ์ ๋ฌธ์ ๊ฐ ์๊ธฐ๊ฑฐ๋, ์๊ธฐ์น ๋ชปํ ์ํฉ์ผ๋ก ์ธํด ๋ธ๋ก๊ทธ ๋ฐ์ดํฐ๊ฐ ์์ค๋ ์ ์์ต๋๋ค. ์ด๋ฌํ ์ํฉ์ ๋๋นํ์ฌ ๋ธ๋ก๊ทธ ์ฝํ ์ธ ์ ์ค์ ์ ์ ๊ธฐ์ ์ผ๋ก ๋ฐฑ์ ํด ๋๋ ๊ฒ์ด ํ์ํฉ๋๋ค.
๋ธ๋ก๊ทธ ๊ฐํธ ๋ฐ ๋์์ธ ๋ณ๊ฒฝ ์
๋ธ๋ก๊ทธ ๋์์ธ์ ๋ณ๊ฒฝํ๊ฑฐ๋ ํ๋ฌ๊ทธ์ธ, ์์ ฏ ๋ฑ์ ์ถ๊ฐํ ๋, ๊ธฐ์กด์ ์ฝํ ์ธ ์ ์ค์ ์ ๋ฐฑ์ ํด ๋๋ฉด ๋ณ๊ฒฝ ๊ณผ์ ์์ ์ค์๋ ์ค๋ฅ๋ก ๋ฐ์ดํฐ๋ฅผ ์์ด๋ฒ๋ฆด ๊ฑฑ์ ์ ์ค์ผ ์ ์์ต๋๋ค.
SEO ์ต์ ํ ๋ฐ ๋ณต์
SEO(๊ฒ์ ์์ง ์ต์ ํ)๋ฅผ ์ํด ์ฝํ ์ธ ๊ตฌ์กฐ๋ URL์ ๋ณ๊ฒฝํด์ผ ํ ๋, ๊ธฐ์กด ๋ฐ์ดํฐ์ ๋ฐฑ์ ์ ํตํด ๋ณํ๋ฅผ ๋๋๋ฆด ์ ์๋ ๋ฐฉ๋ฒ์ ๋ง๋ จํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ๋ํ, ๋ธ๋ก๊ทธ๋ฅผ ์๋กญ๊ฒ ์์ํ๋ ๊ฒฝ์ฐ, ๊ธฐ์กด ๋ธ๋ก๊ทธ ๋ฐ์ดํฐ๋ฅผ ํ์ฉํ์ฌ ์ฝํ ์ธ ๋ฅผ ๋ณต์ํ ์ ์์ต๋๋ค.

ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๋ฐฑ์ ๋ฐฉ๋ฒ
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ์ ๋ฐฑ์ ์ ํฌ๊ฒ ์๋ ๋ฐฑ์ ๊ณผ ์๋ ๋ฐฑ์ ๋ ๊ฐ์ง ๋ฐฉ๋ฒ์ผ๋ก ๋๋ ์ ์์ต๋๋ค. ๊ฐ ๋ฐฉ๋ฒ์ ์์ธํ ์ดํด๋ณด๊ฒ ์ต๋๋ค. ์๋ ๋ฐฑ์ ์ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ ํ์ด์ง์์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ์ด ๋ฐฉ๋ฒ์ ๋น๊ต์ ๊ฐ๋จํ์ง๋ง, ์ฌ์ฉ์๊ฐ ์ง์ ๋ฐฑ์ ์ ํด์ผ ํ๋ฏ๋ก ์ฃผ๊ธฐ์ ์ธ ๋ฐฑ์ ๊ด๋ฆฌ๊ฐ ํ์ํฉ๋๋ค.
ํฐ์คํ ๋ฆฌ ๊ด๋ฆฌ์ ํ์ด์ง ์ ์
- ํฐ์คํ ๋ฆฌ ๊ด๋ฆฌ์ ํ์ด์ง์ ๋ก๊ทธ์ธํฉ๋๋ค.
- ๋ธ๋ก๊ทธ ๋์๋ณด๋์์ ์ผ์ชฝ ๋ฉ๋ด์์ ๊ด๋ฆฌ๋ฅผ ํด๋ฆญํฉ๋๋ค.
- ๊ด๋ฆฌ ํ์ด์ง์์ "๋ฐฑ์ /๋ณต์" ๋ฉ๋ด๋ฅผ ์ ํํฉ๋๋ค.
๋ฐ์ดํฐ ๋ฐฑ์ ์คํ
- "๋ฐฑ์ " ๋ฒํผ์ ํด๋ฆญํ๋ฉด, ๋ธ๋ก๊ทธ ๋ฐ์ดํฐ์ ๋ฐฑ์ ์ ์์ฑํ ์ ์์ต๋๋ค.
- ์ด๋ ๋ฐฑ์ ๋๋ ๋ฐ์ดํฐ๋ ๋ธ๋ก๊ทธ ๊ธ, ๋๊ธ, ์ค์ ์ ๋ณด ๋ฑ์ ๋๋ค. ๋จ, ๋ฏธ๋์ด ํ์ผ(์ฌ์ง, ๋์์ ๋ฑ)์ ๋ณ๋๋ก ๋ฐฑ์ ํด์ผ ํ ์ ์์ต๋๋ค.
- ๋ฐฑ์ ์ด ์๋ฃ๋๋ฉด ๋ค์ด๋ก๋ ๋งํฌ๊ฐ ์ ๊ณต๋๋ฉฐ, ์ด ๋งํฌ๋ฅผ ํตํด ๋ฐฑ์ ํ์ผ์ ์ ์ฅํ ์ ์์ต๋๋ค.
๋ฐฑ์ ํ์ผ ๋ณด๊ด
๋ฐฑ์ ํ์ผ์ ์ปดํจํฐ๋ ์ธ์ฅํ๋, ํด๋ผ์ฐ๋ ์ ์ฅ์์ ์์ ํ๊ฒ ๋ณด๊ดํด์ผ ํฉ๋๋ค. ์ค์ํ ๋ฐ์ดํฐ์ผ์๋ก ๋ค์ํ ์ ์ฅ๋งค์ฒด์ ๋ฐฑ์ ์ ํด๋๋ ๊ฒ์ด ์ข์ต๋๋ค.
๋ธ๋ก๊ทธ ์๋ ๋ฐฑ์ ๋ฐ ๊ด๋ฆฌ ๋ฐฉ๋ฒ
์๋์ผ๋ก ๋ฐฑ์ ๋ ํ์ผ์ ์์ถ ํํ๋ก ์ ๊ณตํฉ๋๋ค. ์์ถ ํ์ผ์ ํ๊ฒ ๋๋ฉด ์๋์ ๊ฐ์ ํํ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค. ๊ฐ ํด๋ ์์ *.html ํํ์ ํ์ผ๊ณผ img ํด๋์ ์ด๋ฏธ์ง ํ์ผ์ด ์ ์ฅ๋ฉ๋๋ค.
๋ฉ์ธ ๋๋ ํ ๋ฆฌ/
โโโ ์๋ธ๋๋ ํ ๋ฆฌ1/
โ โโโ img/
โโโ ์๋ธ๋๋ ํ ๋ฆฌ2/
โ โโโ img/
โโโ ์๋ธ๋๋ ํ ๋ฆฌ3/
โ โโโ img/
โโโ ์๋ธ๋๋ ํ ๋ฆฌ4/
โ โโโ img/
โโโ ์๋ธ๋๋ ํ ๋ฆฌ5/
โ โโโ img/
โโโ ์๋ธ๋๋ ํ ๋ฆฌ6/
โโโ img/
์์์ ์ผ๋ก HTML ์ฝ๋ ๋ณต์ฌํ๋ ๋ฒ๊ฑฐ๋ก์
์๋ ๋ฐฑ์ ์ผ๋ก ์ ๊ณต๋๋ ํ์ผ ๊ตฌ์กฐ๋ ๋งค์ฐ ์ ์ฉํ์ง๋ง, ๋ฌธ์ ๋ ์ฝํ ์ธ ๊ฐ ๋ง์์ง ๊ฒฝ์ฐ์ ๋๋ค. ์ฝํ ์ธ ๊ฐ ๋ช ๊ฐ ์ ๋๋ค๋ฉด ํฐ ๋ฌธ์ ๊ฐ ๋์ง ์๊ฒ ์ง๋ง, ์๋ฐฑ ๊ฐ์ ์ฝํ ์ธ ๋ฅผ ๋ธ๋ก๊ทธ๋ ์๋ํ๋ ์ค ์ฌ์ดํธ๋ก ์ฎ๊ฒจ์ผ ํ ๊ฒฝ์ฐ, ํ๋ํ๋ HTML ์ฝ๋๋ฅผ ๋ณต์ฌํ๊ณ ์ด๋ฏธ์ง๋ฅผ ์ฎ๊ธฐ๋ ์์ ์ ์๋นํ ์๊ฐ๊ณผ ๋ ธ๋ ฅ์ด ์์๋ฉ๋๋ค.
๋ฌธ์ ์ :
- ์ฝํ ์ธ ๊ฐ ๋ง์ ๊ฒฝ์ฐ, ์์์ ์ผ๋ก ํ๋ํ๋ HTML ํ์ผ์ ๋ณต์ฌํ์ฌ ์ฎ๊ธฐ๋ ์ผ์ด ๋งค์ฐ ๋ฒ๊ฑฐ๋กญ์ต๋๋ค.
- ์ด๋ฏธ์ง ํ์ผ์ ์ฌ๋ฐ๋ฅด๊ฒ ์ฐ๊ฒฐํ๋ ๊ฒ๋ ํฐ ๋ถ๋ด์ด ๋ ์ ์์ต๋๋ค.
ํจ์จ์ ์ธ ํด๊ฒฐ์ฑ : ์๋ํ ํ๋ก๊ทธ๋จ ํ์ฉ
์ด๋ฐ ๋ฒ๊ฑฐ๋ก์ด ์์ ์ ํด๊ฒฐํ ์ ์๋ ๋ฐฉ๋ฒ์ ์๋ํ ํ๋ก๊ทธ๋จ์ ์ด์ฉํ๋ ๊ฒ์ ๋๋ค. ์๋ ํ๋ก๊ทธ๋จ์ ํ์ฉํ๋ฉด ๊ฐ ์๋ธ๋๋ ํ ๋ฆฌ์์ ํ์ํ HTML ์ฝ๋๋ง ์ถ์ถํด ํ ๊ณณ์ผ๋ก ๋ชจ์ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ์ฝํ ์ธ ๋ฅผ ํ ๋ฒ์ ์ ๋ฆฌํ๊ณ , ํ์ํ ํ์ผ๋ง ์ฝ๊ฒ ๋ณต์ฌํ์ฌ ์๋ก์ด ํ๋ซํผ์ผ๋ก ์ฎ๊ธธ ์ ์์ต๋๋ค.
๋ธ๋ก๊ทธ ํฌ์คํธ ๋ณํ ํ๋ก๊ทธ๋จ ๋ค์ด๋ฐ๊ธฐ
"ํ์ผ ์์ถ์ ํ๊ฑฐ๋ ์คํํ ๊ฒฝ์ฐ ์ปดํจํฐ๊ฐ ์์๋ ์ ์์ต๋๋ค. ๊ทธ๋๋ ์คํํ์๊ฒ ์ต๋๊น? ๊ฒฝ๊ณ ์ฐฝ์ด ๋์ต๋๋ค. ์คํ ํ์ผ์ ๋ฐฐํฌํ ๊ฒฝ์ฐ ์ด๋ฌํ ๊ฒฝ๊ณ ๋ฅผ ํ์ํ ์ ์์ต๋๋ค. ๋ฐ์ด๋ฌ์ค๋ ํฌํจ๋์ด ์์ง ์์ต๋๋ค."

ํ๋ก๊ทธ๋จ์ ๊ธฐ๋ฅ:
- HTML ์ฝ๋ ์ถ์ถ: ๊ฐ ์๋ธ๋๋ ํ ๋ฆฌ์์ ํ์ํ HTML ์ฝ๋๋ง ์ถ์ถํ์ฌ ํ ๊ณณ์ผ๋ก ๋ชจ์๋๋ค.
- ์ด๋ฏธ์ง ํ์ผ ๊ด๋ฆฌ: ๊ฐ ์๋ธ๋๋ ํ ๋ฆฌ์ img ํด๋ ๋ด ์ด๋ฏธ์ง๋ ์๋์์ ์ผ๋ก ์งํํฉ๋๋ค.
- ๊ฐํธํ ๋ฐฑ์ ๊ด๋ฆฌ: ํ ๋ฒ์ ๋ชจ๋ HTML ํ์ผ๊ณผ ์ด๋ฏธ์ง๋ฅผ ์ ๋ฆฌํ์ฌ ์ฝ๊ฒ ๋ฐฑ์ ํ์ผ์ ๊ด๋ฆฌ ํ ์ ์์ต๋๋ค.

ํ๋ก๊ทธ๋จ ์ฌ์ฉ ๋ฐฉ๋ฒ
- ํ๋ก๊ทธ๋จ์ ์ฌ์ฉํ๋ฉด ํ์ผ์ ์์์
์ผ๋ก ์ฎ๊ธฐ๋ ๋ฒ๊ฑฐ๋ก์์ ๋ ์ ์์ต๋๋ค. ํ๋ก๊ทธ๋จ์ ๊ฐ๋จํ ์ธํฐํ์ด์ค๋ก ์ ๊ณต๋๋ฉฐ, ์๋์ ๊ฐ์ ์์๋ก ์ฌ์ฉํฉ๋๋ค:
- ์๋ ๋ฐฑ์ ํ์ผ ์์ถ ํด์ : ๋ฐฑ์ ๋ ์์ถ ํ์ผ์ ํ๊ณ , ์ ๊ณต๋ ํด๋ ๊ตฌ์กฐ๋ฅผ ํ์ธํฉ๋๋ค.
- ํ๋ก๊ทธ๋จ ์คํ: ํ๋ก๊ทธ๋จ์ ์คํํ๊ณ , ๋ฐฑ์ ํ ์์ถ์ ํด์ ํ ํด๋๋ฅผ ์ ํํฉ๋๋ค.
- HTML ์ฝ๋ ์ถ์ถ ๋ฐ ์ด๋ฏธ์ง ์ด๋: ํ๋ก๊ทธ๋จ์ ์๋์ผ๋ก HTML ํ์ผ์์ ํ์ํ ์ฝ๋๋ง ์ถ์ถํ๊ณ , ์ด๋ฏธ์ง๋ ๋ณ๋๋ก ์ ํด๋๋ก ์ด๋์ํต๋๋ค.
- ์ ๋ฆฌ๋ ํ์ผ ์ฌ์ฉ: ์ด์ ์๋ก ์ ๋ฆฌ๋ HTML ํ์ผ๊ณผ ์ด๋ฏธ์ง๋ค์ ์ํ๋ ํ๋ซํผ(๋ธ๋ก๊ทธ, ์๋ํ๋ ์ค ๋ฑ)์ ์ฝ๊ฒ ์ ๋ก๋ํ ์ ์์ต๋๋ค. ์ด ๋ํ ์๋ํ ํ๋ก๊ทธ๋จ์ ์ด์ฉํ์๋ฉด ์ฝ๊ณ ํธํ๊ฒ ์์ ํ ์ ์์ต๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฑ์ ์ ์ ์์ฌํญ
๋ธ๋ก๊ทธ๋ฅผ ๋ฐฑ์ ํ ๋ ๋ช ๊ฐ์ง ์ ์์ฌํญ์ ์๊ณ ์์ผ๋ฉด ๋์ฑ ํจ์จ์ ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๋ณดํธํ ์ ์์ต๋๋ค.
๋ฐฑ์ ์ฃผ๊ธฐ ์ค์
๋ฐฑ์ ์ ์ฃผ๊ธฐ์ ์ผ๋ก ์งํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ๋ธ๋ก๊ทธ ๊ธ์ ์์ฃผ ์์ฑํ๋ ๊ฒฝ์ฐ, ๋งค์ฃผ ๋๋ ๋งค์ ๋ฐฑ์ ์ ์ค์ ํ์ฌ ์ค์ํ ๋ฐ์ดํฐ๋ฅผ ๋ณดํธํด์ผ ํฉ๋๋ค. ์ค์ํ ์ด๋ฒคํธ๋ ํฐ ๋ณํ๋ฅผ ์งํํ ๋๋ ๋ฐฑ์ ์ ๋์ฑ ์์ฃผ ์คํํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
๋ฏธ๋์ด ํ์ผ ๋ฐฑ์
๋ธ๋ก๊ทธ์ ๊ธ์ ์ฝ์ ๋ ์ด๋ฏธ์ง๋ ๋์์ ํ์ผ์ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ์์์ ์ ๊ณตํ๋ ๋ฐฑ์ ๊ธฐ๋ฅ์ ํฌํจ๋์ง ์์ ์ ์์ต๋๋ค. ์ด๋ฅผ ๋ณ๋๋ก ํ์ผ ๊ด๋ฆฌ ๋ฉ๋ด์์ ๋ค์ด๋ก๋ํ๊ฑฐ๋, ํด๋ผ์ฐ๋ ์๋น์ค๋ฅผ ํตํด ๋ฐฑ์ ํด์ผ ํฉ๋๋ค.
ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ์ ๋ฐฑ์ ์ ๋ฐ์ดํฐ ์์ค์ ์๋ฐฉํ๊ณ , ๋ธ๋ก๊ทธ๋ฅผ ์์ ํ๊ฒ ์ด์ํ๋ ๋ฐ ๋งค์ฐ ์ค์ํ ์์ ์ ๋๋ค. ์๋ ๋ฐฑ์ ๊ณผ ์๋ ๋ฐฑ์ ๋ฐฉ๋ฒ์ ์ ํ์ฉํ์ฌ ์ ๊ธฐ์ ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๋ฐฑ์ ํด ๋๊ณ , ํ์ํ ๋ ๋ณต์ํ ์ ์๋๋ก ์ค๋นํด ๋์ธ์. ๋ํ, ๋ฐฑ์ ํ ๋ฐ์ดํฐ๋ฅผ ์์ ํ๊ฒ ๋ณด๊ดํ๋ ๊ฒ๋ ๋งค์ฐ ์ค์ํฉ๋๋ค. ์ด๋ฅผ ํตํด ๋ธ๋ก๊ทธ ์ด์ ์ค ๋ฐ์ํ ์ ์๋ ๋ค์ํ ์ํฉ์ ๋๋นํ ์ ์์ต๋๋ค.