๊ด๊ณ ์น์ธ ๊ธฐ๋ค๋ฆด ํ์ ์๋ค?! ์ฟ ํก ๋ฐฐ๋ ์๋ ์ค์น๋ก ์ค๋ ๋ฐ๋ก ์์ต๋๋ ๋ธ๋ก๊ทธ ์ฝ๋ฉ ๊ณต๊ฐ
- ๊ณต์ ๋งํฌ ๋ง๋ค๊ธฐ
- X
- ์ด๋ฉ์ผ
- ๊ธฐํ ์ฑ
๐ฐ ๊ด๊ณ ์น์ธ ๊ธฐ๋ค๋ฆด ํ์ ์๋ค?! ์ฟ ํก ๋ฐฐ๋ ์๋ ์ค์น๋ก ์ค๋ ๋ฐ๋ก ์์ต๋๋ ๋ธ๋ก๊ทธ ์ฝ๋ฉ ๊ณต๊ฐ (์ด๋ณด์ ์๋ฒฝ ๊ฐ์ด๋)
๐ ๋ฒํผ์ ๋๋ฅด๋ฉด ์๋ ์์ตํ ์ธํ ์์์ด ๋ฐ๋ก ์ฌ์๋ฉ๋๋ค
✅ ๋ชฉ์ฐจ (ํต์ฌ ๋ด์ฉ์ผ๋ก ๋ฐ๋ก ์ด๋)
1. ์ ๋์ผ์ค ์น์ธ ๊ธฐ๋ค๋ฆด ํ์ ์๋ ์ฟ ํก ํํธ๋์ค ์ฅ์
2. ์๋ ์์ตํ ์ธํ
์ , ํ์ 3๋จ๊ณ ์ค๋น ์์
3. ๋ณธ๋ฌธ ๋ฐ ํธํฐ์ ์ฟ ํก ๊ด๊ณ ์๋ ์ฝ์
ํ๋ ์ฝ๋ฉ ๊ธฐ์
4. ๋ชจ๋ฐ์ผ ๊ด๊ณ ์ค๋ฅ ํด๊ฒฐ ๋ฐ ์ฅ๊ธฐ ์์ต ์ ๋ต ํ
1. ์ ๋์ผ์ค ์น์ธ ๊ธฐ๋ค๋ฆด ํ์ ์๋ ์ฟ ํก ํํธ๋์ค ์ฅ์
๋ธ๋ก๊ทธ ์ด์์ ์์ํ๋ฉด์ ๊ฐ์ฅ ์ด๋ ค์ด ๊ด๋ฌธ์ ๋ฐ๋ก ์ ๋์ผ์ค ์น์ธ์ ๋๋ค. ๋งค์ผ ๊ธ์ ์จ๋ ์น์ธ์ด ๋์ง ์๊ฑฐ๋, ์น์ธ ํ์๋ ๊ฐ์์ค๋ฌ์ด ๊ด๊ณ ๊ฐ์ ์ ํ์ ๊ฑธ๋ ค ์ด๋ ค์์ ๊ฒช๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ์ด๋ฌํ ๋ฌธ์ ๋ฅผ ๊ฒช๋ ์ด๋ณด์๋ถ๋ค์๊ฒ ์ฟ ํก ํํธ๋์ค๋ ์ฆ์ ํ๊ธ ์์ต์ ๋ฐ์์ํฌ ์ ์๋ ์ต๊ณ ์ ๋์์ ๋๋ค.
์ฟ ํก ํํธ๋์ค๋ ์ ๋์ผ์ค์ฒ๋ผ ๋ณต์กํ ๊ด๊ณ ์ฌ์ฌ ๊ณผ์ ์ด๋ ์น์ธ ์ ์ฐจ๊ฐ ์์ต๋๋ค. ๋ธ๋ก๊ทธ์ ๊ด๊ณ ๋ฅผ ๋ฑ๋กํ๋ ์ฆ์ ๋ค์ ๋ ๋ถํฐ ๋ฐ๋ก ์์ต์ ๊ธฐ๋ํ ์ ์๊ธฐ ๋๋ฌธ์, ๊ธ์ ์ฐ๋ ๋๊ธฐ ๋ถ์ฌ๋ฅผ ์์ง ์๊ณ ๊พธ์คํ ๋ธ๋ก๊ทธ๋ฅผ ํค์๋๊ฐ ์ ์์ต๋๋ค. ๋ํ, ํฐ์คํ ๋ฆฌ, ๋ธ๋ก๊ทธ์คํ, ์๋ํ๋ ์ค ๋ฑ ์ฃผ์ ๋ธ๋ก๊ทธ ํ๋ซํผ์์ ์๋ ์ฝ์ ๊ตฌ์กฐ๋ฅผ ์ฝ๊ฒ ๋ง๋ค ์ ์๋ค๋ ์ ์ด ๊ฐ์ฅ ํฐ ์ฅ์ ์ ๋๋ค. ์ด ๊ฒฝํ์ ๋ธ๋ก๊ทธ๋ฅผ ํตํด ๋์ ๋ฒ ์ ์๋ค๋ ํ์ ์ ์ฌ์ด์ฃผ๋ ๋งค์ฐ ์ค์ํ ์ฒซ ๊ฑธ์์ด ๋ ๊ฒ์ ๋๋ค.
2. ์๋ ์์ตํ ์ธํ ์ , ํ์ 3๋จ๊ณ ์ค๋น ์์
๋จ ํ ๋ฒ์ ์ฝ๋ฉ์ผ๋ก ๋ชจ๋ ๊ธ์ ์ฟ ํก ๊ด๊ณ ๊ฐ ์๋์ผ๋ก ๋ ธ์ถ๋๊ฒ ํ๋ ค๋ฉด, ์๋์ 3๋จ๊ณ ์ฌ์ ์ค๋น๋ฅผ ์ฒ ์ ํ ํด์ผ ํฉ๋๋ค.
① ๊ณต์ ์ ๋ฌธ๊ตฌ ํธํฐ ์ฝ์
์ฟ ํก ํํธ๋์ค ์ฌ์ดํธ๋ฅผ ๋ฑ๋กํ๋ ค๋ฉด, ๋ธ๋ก๊ทธ ํ๋จ(ํธํฐ)์ ๊ณต์ ๊ฑฐ๋์์ํ ๋ฌธ๊ตฌ๋ฅผ ๋ฐ๋์ ์ฝ์
ํด์ผ ํฉ๋๋ค.
* ์์
๊ฒฝ๋ก: ์คํจ ํธ์ง > HTML ํธ์ง > `footer` ๋๋ `FOO` ํ๊ทธ ์๋ ๊ฒ์.
* ํ: ์ด ๋ฌธ๊ตฌ๊ฐ ๋ชจ๋ ๊ธ์ ์๋์ผ๋ก ํ์๋๋๋ก ํธํฐ์ ๋ฃ์ด์ผ ์ฌ์ดํธ ๋ฑ๋ก ์ ๋น ๋ฅด๊ณ ์์ ํ๊ฒ ์น์ธ๋ฐ์ ์ ์์ต๋๋ค.
② ์คํจ ๋ฐฑ์
๋ฐ ๊ธฐ๋ณธ ์ค์ ํ์ธ
์คํจ ๋ณ๊ฒฝ(์: ๋ถํด๋ฆฝ)์ด๋ HTML ํธ์ง ์ ์๋ ๋ฐ๋์ ํ์ฌ HTML ์ ์ฒด๋ฅผ ๋ฉ๋ชจ์ฅ์ ๋ฐฑ์
ํด์ผ ํฉ๋๋ค. ๋ํ, ์คํจ์ ๋ฐ๊พธ๋ฉด ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ์ค์ ์ด ์ด๊ธฐํ๋ ์ ์์ผ๋ฏ๋ก, ๋ชจ๋ฐ์ผ ์ฌ์ฉ ํด์ ํฌํจ ๋ชจ๋ ํ๋ฌ๊ทธ์ธ๊ณผ ๊ณต๊ฐ ์ค์ ์ ๋ค์ ์ ๊ฒํด์ผ ํฉ๋๋ค.
③ ๋๋ง์ ์๋ณ ์ฝ๋ ์ถ์ถ
์๋ ๊ด๊ณ ์ฝ๋์ ๋ณธ์ธ์ ์์ต์ด ์ฐ๊ฒฐ๋๋๋ก ํ๋ ค๋ฉด, ์ฟ ํก ํํธ๋์ค์์ ์ ๊ณตํ๋ ๊ณ ์ ํ ์์ด๋ ์ฝ๋์ AF ์ฝ๋(์ซ์ 7์๋ฆฌ)๋ฅผ ๋ฏธ๋ฆฌ ์ถ์ถํ์ฌ ๋ฉ๋ชจ์ฅ์ ๋ฐ๋ก ๋ณด๊ดํด ๋์ด์ผ ํฉ๋๋ค. ์ด ๋ ์ฝ๋๊ฐ ์๋ ์์ตํ์ ํต์ฌ ํค์
๋๋ค.
3. ๋ณธ๋ฌธ ๋ฐ ํธํฐ์ ์ฟ ํก ๊ด๊ณ ์๋ ์ฝ์ ํ๋ ์ฝ๋ฉ ๊ธฐ์
์ด์ ์ค๋น๋ ์ฝ๋๋ฅผ ๋ธ๋ก๊ทธ HTML์ ์ฝ์ ํ์ฌ ๋ชจ๋ ๊ธ์ ์๋์ผ๋ก ๊ด๊ณ ๊ฐ ๋ฌ๋ฆฌ๊ฒ ๋ง๋ญ๋๋ค. ์ด๋ก์จ ๊ธ์ ์์ฑํ ๋๋ง๋ค ์๋์ผ๋ก ๊ด๊ณ ์ฝ๋๋ฅผ ๋ณต์ฌ/๋ถ์ฌ๋ฃ๊ธฐ ํด์ผ ํ๋ ๋ฒ๊ฑฐ๋ก์์ด ์์ ํ ์ฌ๋ผ์ง๋๋ค.
① ๋ณธ๋ฌธ ์๋ ๊ด๊ณ ์ฝ๋ ์ ์ฉ
์ ๊ณต๋ฐ์ ์๋ ๊ด๊ณ ์ฝ๋ ๋ด์ AF ์ฝ๋์ ์์ด๋ ์ฝ๋๋ฅผ ๋ณธ์ธ์ ๊ฒ์ผ๋ก ์ ํํ ๊ต์ฒดํฉ๋๋ค.
* ์ ์ฉ ์์น: ์คํจ ํธ์ง > HTML ํธ์ง์์ `
