๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ ํ์ฉํด ๊ฐํธํ๊ฒ ๋ฉ๋ด ๊ฒฝ๋ก๋ฅผ ํ์ํ ์ ์์ต๋๋ค.
์ค์ ๋ฐฉ๋ฒ
๋ฉ๋ด ๊ฒฝ๋ก ์คํ์ผ์ ์ ํํฉ๋๋ค.
์๋์ ๊ทธ๋ฆผ๊ณผ ์ค๋ช ์ ์ฐธ๊ณ ํด ๋ฉ๋ด ๊ฒฝ๋ก์ ์คํ์ผ์ ๋ณ๊ฒฝํฉ๋๋ค.
10. ๋ฉ๋ด/์นดํ ๊ณ ๋ฆฌ ์ค์ ์ฐฝ ๋ฐ๊นฅ ์์ญ์ ํด๋ฆญํด ์ค์ ์ ์๋ฃํฉ๋๋ค.
11. ๋์์ธ ๋ชจ๋ ์ค๋ฅธ์ชฝ ์๋จ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์์ด์ฝ์ ํด๋ฆญํฉ๋๋ค.
12. ๋ฉ๋ด ๊ฒฝ๋ก๊ฐ ์ ์์ ์ผ๋ก ํ์๋๋์ง ํ์ธํฉ๋๋ค.
13. ๋ฌธ์ ๊ฐ ์๋ค๋ฉด ๋์์ธ ๋ชจ๋๋ก ๋์๊ฐ ๊ฒ์ํ๊ธฐ ๋ฒํผ์ ํด๋ฆญํด ์ ์ฉํฉ๋๋ค.
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
ํ์๊ฐ์ ๋ฒํผ์ ๋ฐฉ๋ฌธ์์ ๊ฐ์ ์ ์ ๋, ์ด๊ตฌํ๋ ๋งํ์ ์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
์ปจํ ์คํธ ๋ฉ๋ด๊ฐ ๋์ค๋ฉด ๋ก๊ทธ์ธ ์ค์ ์ ํด๋ฆญํฉ๋๋ค.
8. ๋ก๊ทธ์ธ ์ค์ ์ฐฝ ๋ฐ๊นฅ ์์ญ์ ํด๋ฆญํด ์ค์ ์ ์๋ฃํฉ๋๋ค.
9. ๋์์ธ ๋ชจ๋ ์ค๋ฅธ์ชฝ ์๋จ์ ๊ฒ์ํ๊ธฐ ๋ฒํผ์ ํด๋ฆญํด ์ค์ ์ ์ ์ฉํฉ๋๋ค.
10. Google ํฌ๋กฌ ์ํฌ๋ฆฟ ์ฐฝ์ ์ผ๊ณ , ๋ด ์ฌ์ดํธ์ ์ ์ํฉ๋๋ค. ํฌ๋กฌ ์ํฌ๋ฆฟ ์ฐฝ ํ์ฉ๋ฐฉ๋ฒ
11. ํ์๊ฐ์ ๋ฒํผ์ ๊ฐ์ ๋ฒํผ ๋งํ์ ์ด ํ์๋๋์ง ํ์ธํฉ๋๋ค.
๊ด๋ จ ๋์๋ง: ํ์๊ฐ์ ๋ฒํผ์ด ์ ๋ณด์ด์ธ์?
๋ก๊ทธ์ธ ์ค์ ์ฐฝ ์ผ์ชฝ ์๋จ +์ถ๊ฐ๋ฅผ ํด๋ฆญํด ํ์๊ฐ์ ๋ฒํผ์ ์ถ๊ฐํ ์ ์์ต๋๋ค. ๊ธฐ์กด ๋ฉ๋ด ๋๋ ์ธ๋ถ์ฌ์ดํธ๋ก ๋งํฌ๋ฅผ ์ถ๊ฐํ๋ ค๋ฉด ๋งํฌ ์ต์ ์ ์ ํํด ์ฃผ์ธ์.
๊ตฌ๋งค์๊ฐ ์์ฑํ ๊ตฌ๋งคํ์ ํ๋์ ๊ฒ์ํ์ ๋ชจ์์ ๋ ธ์ถํ ์ ์์ต๋๋ค.
๋ฆฌ๋ทฐ๊ฒ์ํ์ ์ํ ์์ธํ์ด์ง์ ์์ฑ๋ ๊ตฌ๋งคํ๋ค์ ๋ถ๋ฌ์ค๋ ๊ตฌ์กฐ์ด๊ธฐ ๋๋ฌธ์, ์ํ ๋ฑ๋ก ๋ฐ ์ํ ์ง์ด์ ์๋ฃํ์ง ์์ผ๋ฉด ๊ฒ์ํ์ด ์ ์์ ์ผ๋ก ๋์ํ์ง ์์ ์ ์์ต๋๋ค.
์ ์๋ฐฉ๋ฒ
1๋จ๊ณ: ๊ฒ์ํ ์์ ฏ ์ถ๊ฐ ๋ฐ ์ค์ ์ด๊ธฐ
๋ฉ๋ด์ ๊ฒ์ํ ์์ ฏ์ ์ถ๊ฐํ๊ณ , ๊ฒ์ํ ์ค์ ์ ์ด์ด์ค๋๋ค.
2๋จ๊ณ: ๋ฆฌ๋ทฐ๊ฒ์ํ ์ค์ ํ๊ธฐ
์ผ๋ฐ ๊ฒ์ํ์ ๋ฆฌ๋ทฐ ๊ฒ์ํ์ผ๋ก ์ ํํ๊ณ , ์ค์ ํฉ๋๋ค.
(์ ํ ์ฌํญ) ์ต์ ํญ๋ชฉ์ ์ค์ ํฉ๋๋ค.
3๋จ๊ณ: ๊ฒ์ํ ๋์์ธ ๋ณ๊ฒฝํ๊ธฐ
๊ฒ์ํ ์คํ์ผ ๋ฐ ๋์์ธ ์์๋ฅผ ๋ณ๊ฒฝํฉ๋๋ค.
4๋จ๊ณ: ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ๊ฒ์ํ๊ธฐ
๊ฐ๋ก ์์ญ ํ์ฅ ์ต์ ์ ์ ํํ๋๋ฐ, ์ฌ์ ํ ์ข์ฐ ์ฌ๋ฐฑ์ด ๋จ์ ์๋ ๊ฒฝ์ฐ ์น์ ์ ๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ด ๊บผ์ ธ ์๊ฑฐ๋, ์น์ ์ข์ฐ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ด ์ค์ ๋์ด ์๊ธฐ ๋๋ฌธ์ ๋๋ค.
๋ค์ ๋์๋ง์ ์ฐธ๊ณ ํด ์น์ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ ์กฐ์ ํ์ฌ, ์ข์ฐ ์ฌ๋ฐฑ์ ์์ ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์ธ์.
๋์์ธ ๋ชจ๋์ ์ ์ํฉ๋๋ค. ์ ์๋ฐฉ๋ฒ
๊ฐ๋ก ์์ญ ํ์ฅํ ์์ ฏ์ด ์ฝ์ ๋ ์น์ ์ ์น์ ์ค์ ์ ์ด์ด์ค๋๋ค. ์น์ ์ค์ ์ด๊ธฐ
๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ ์ต์ ์ด ๊บผ์ ธ ์๋ค๋ฉด, ์ต์ ์ ์ ํํด ํ์ฑํ ์์ผ์ฃผ์ธ์.์ฐธ๊ณ : ์ด ์ต์ ์ผ๋ก ์ธํด ๋์์ธ์ด ํ์ด์ง๋ ๊ฒฝ์ฐ ํ์ด์ง ํ๋จ ๋์๋ง์ ์ฐธ๊ณ ํด ์ฃผ์ธ์.
๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ ์ฌ์ฉํ ์ ์๋ ๊ฒฝ์ฐ
๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ ์ต์ ์ ์ ํํ๋ฉด ํด๋น ์น์ ๋ด ๋ชจ๋ ์์ ฏ ๊ฐ์ ์ํ, ์ข์ฐ ๊ฐ๊ฒฉ์ด 15px๋ก ๊ณ ์ ๋ฉ๋๋ค. ์ด ์ต์ ์ ๊ฒฝ์ฐ์ ๋ฐ๋ผ ์์ ํ ๋์์ธ์ ๋ฐ๋ผ ์๋ํ ๋์์ธ์ ํ์ด์ง๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.
์ด ๊ฒฝ์ฐ ๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ ์ ํ ํด์ ํ๊ณ , ์ผ์ชฝ์ ๊ทธ๋ฆฌ๋ ์ข์ฐ ๊ฐ๊ฒฉ์ 0px๋ก ์ ๋ ฅํด ๋ณด์ธ์. ํด๋น ์น์ ๋ด ๋ชจ๋ ์์ ฏ ๊ฐ์ ์ข์ฐ ๊ฐ๊ฒฉ์ด 0์ด ๋์ด ์ข์ฐ ์ฌ๋ฐฑ์ด ์ฌ๋ผ์ง๋๋ค.
๋ง์ฝ ์ ์ค์ ์ผ๋ก ์ธํด ์์ ฏ ๊ฐ์ ์ข์ฐ ๊ฐ๊ฒฉ์ด ๋๋ฌด ๋ถ์ด ๋ฒ๋ฆฐ ๊ฒฝ์ฐ, ๊ฐ๋ก ์์ญ์ ํ์ฅํ๋ ค๋ ์์ ฏ๋ง์ ์ํ ์๋ก์ด ๋น ์น์ ์ ์ฌ์ฉํด๋ ์ข์ต๋๋ค. ๋น ์น์ ์ถ๊ฐ๋ฐฉ๋ฒ
๋์์ธ ๋ชจ๋์์ ์์ ฏ ์ถ๊ฐ ์, ํด๋น ์์ ฏ์ ๊ธฐ๋ณธ์ ์ผ๋ก ํ์ด์ง ๋ณธ๋ฌธํญ(๊ฐ๋กํญ)์ ๋ง์ถฐ ์ฝ์ ๋ฉ๋๋ค. ์ด๋ ์ฌ์ฉ์๋ ํ์์ ๋ฐ๋ผ ์์ ฏ์ด ์ฐจ์งํ๋ ๊ฐ๋ก ์์ญ์ด ๋ณธ๋ฌธํญ์ ๋์ด 100% ํ์ฅ๋๋๋ก ์ค์ ํ ์ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด, ๊ฐ๋ก์ ์์ ฏ์ ์ข์ฐ 100% ํ์ฅํ์ฌ, ํ์ด์ง์ ์ํ ๊ตฌ๋ถ์ ์ํ ๊ตฌ๋ถ์ ์ผ๋ก ํ์ฉํ ์ ์์ต๋๋ค.
์ด ๋์๋ง์์๋ ๊ฐ๋ก์ ์์ ฏ์ ์์๋ก ๊ฐ๋ก ์์ญ 100% ํ์ฅํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
์ข์ฐ ์ฌ๋ฐฑ์ด ๋จ์์๋์?
์ ํํ์ ํ ํ๋ฆฟ ๋๋ ์์ ๋ฌผ์ ๋ฐ๋ผ ์ฌ๋ฐฑ์ด ๋จ์ ์์ ์ ์์ต๋๋ค. ์๋ ๋์๋ง์ ์ฐธ๊ณ ํด ํด๊ฒฐ๋ฐฉ๋ฒ์ ์์๋ณด์ธ์.
๊ฐ๋ก ์์ญ์ ํ์ฅํ๋๋ฐ, ์ข์ฐ์ ์ฌ๋ฐฑ์ด ๋จ์์์ต๋๋ค.
์น์ ์ค์ ์ ๋ฐฐ๊ฒฝ ํจํด ๊ธฐ๋ฅ์ ์ฌ์ฉํด, ์๋ ๊ทธ๋ฆผ์ฒ๋ผ ํจํด ๋ฐฐ๊ฒฝ์ ์ ์ํ ์ ์์ต๋๋ค. ํจํด ์ด๋ฏธ์ง๋ ํด์๋ ๋์ ์ด๋ฏธ์ง ์ฌ์ฉ ๋๋น ์๋๊ฐ ๋น ๋ฅด๊ณ , ๋ณด๊ธฐ์๋ ์๋ คํ ๋๋์ ์ฃผ์ด ์ฌ์ดํธ ์ ์์ ์ข ์ข ์ฌ์ฉ๋ฉ๋๋ค.
์ด ๋์๋ง์์๋ ํจํด ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํด ์น์ ๋ฐฐ๊ฒฝ์ ํจํด ์ด๋ฏธ์ง๋ฅผ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
์ ์ฉ๋ฐฉ๋ฒ
์ปจํ ์คํธ ๋ฉ๋ด๊ฐ ๋์ค๋ฉด ์น์ ์ค์ ์ ํด๋ฆญํฉ๋๋ค.
์น์ ์ค์ ์ฐฝ ์ด๋ฏธ์ง ํ์ ์์ญ์ ๋ง์ฐ์ค ํฌ์ธํฐ๋ฅผ ์ฌ๋ฆฌ๊ณ , ์ด๋ฏธ์ง ์ฐพ๊ธฐ ๋ฒํผ์ ํด๋ฆญํฉ๋๋ค.์ํ ํ์ผ: ์ ์์์ ํจํด ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๋ค์ด๋ก๋
๋ก๊ณ ์์ ฏ์ ์ฌ์ฉํ๋ฉด ์ฌ์ดํธ ์๋จ์ ๋ก๊ณ ๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค. ๋ก๊ณ ์์ ฏ์ ๋ก๊ณ ์ด๋ฏธ์ง์ ํ ์คํธ๋ฅผ ํจ๊ป ์ฌ์ฉํ ์ ์์ต๋๋ค. ๋๋๋ก ๋ก๊ณ ์ด๋ฏธ์ง ์๋ ํ ์คํธ ์ถ๊ฐํ ์ ์์์ ๋ชจ๋ฅด๊ณ , ๋ก๊ณ ์์ ฏ๊ณผ ํ ์คํธ ์์ ฏ์ ํจ๊ป ์ฌ์ฉํ๋ ์๊ฐ ์์ต๋๋ค.
์ด ๋์๋ง์์๋ ๋ก๊ณ ์ด๋ฏธ์ง ์๋ ํ ์คํธ๋ฅผ ์ถ๊ฐํ์ฌ, ์ธ๋ก ์ ๋ ฌ๋ ๋ก๊ณ ๋ฅผ ์ ์ํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
1๋จ๊ณ: ์๋จ ๋ก๊ณ ์์ ฏ ์ค์ ์ผ๊ธฐ
์๋จ ๋์์ธ ๋ชจ๋์ ์ง์ ํด ๋ก๊ณ ์์ ฏ์ ์ค์ ์ ์ผ๋ ๊ณผ์ ์ ์ค๋ช ํฉ๋๋ค.
2๋จ๊ณ: ๋ก๊ณ ์ด๋ฏธ์ง ์ถ๊ฐํ๊ธฐ
๋ก๊ณ ๋ก ์ฌ์ฉํ ์ด๋ฏธ์ง๋ฅผ ์ ๋ก๋ํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
3๋จ๊ณ: ํ ์คํธ ๋ก๊ณ ์ถ๊ฐํ๊ธฐ
๋ก๊ณ ์ ํจ๊ป ํ์๋ ํ ์คํธ๋ฅผ ์ ๋ ฅํฉ๋๋ค.
4๋จ๊ณ: ํ ์คํธ ์์น ๋ณ๊ฒฝํ๊ธฐ
์ด๋ฏธ์ง ์ค๋ฅธ์ชฝ์ ์๋ ํ ์คํธ ๋ก๊ณ ์ ์์น๋ฅผ ์ด๋ฏธ์ง ์๋๋ก ๋ณ๊ฒฝํฉ๋๋ค.
(์ ํ ์ฌํญ) ๋ก๊ณ ์ด๋ฏธ์ง๊ฐ ๋๋ฌด ํฌ๊ฑฐ๋ ์์ ๊ฒฝ์ฐ, ๋ก๊ณ ์ด๋ฏธ์ง ํ๋จ ๋ํธ๋จธ๋ฆฌ๋ฅผ ๋ง์ฐ์ค๋ก ํด๋ฆญ ํ ๋๋๊ทธํ์ฌ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํฉ๋๋ค.
5๋จ๊ณ: ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ๊ฒ์ํ๊ธฐ
์ ์ํ ๋์์ธ์ ๋ฏธ๋ฆฌ๋ณด๊ณ , ๋ฌธ์ ๊ฐ ์๋ค๋ฉด ๊ฒ์ํฉ๋๋ค.
๊ด๋ จ ๋์๋ง
ํน์ ๋ฉ๋ด์ ์ ๊ทผ ๊ถํ์ ์ค์ ํ์ฌ ํ์ฉ๋ ๊ทธ๋ฃน์ด ์๋ ๊ฒฝ์ฐ ๋ณด์ด์ง ์๋๋ก ์ค์ ํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ๋ก๊ทธ์ธํ ํ์ ๋๋ ์ด๋ค ํน์ ์ํ์ ๊ตฌ๋งคํ ์ฌ์ฉ์(ํ์๊ทธ๋ฃน ์ด์ฉ๊ถ)์๊ฒ ํน์ ๋ฉ๋ด๋ฅผ ๋ณด์ฌ์ค ๋ ์ ์ฉํฉ๋๋ค.
5. ์ 4๋ฒ ํญ๋ชฉ์์ ์ธ ๊ฐ์ง ์ต์ ์ค ํ๋๋ฅผ ์ ํํ๋ฉด, ๋ก๊ทธ์ธ์ฐฝ ์๋ ํ์, ๊ถํ์ด ์์ ๋ ๋ฉ๋ด ์จ๊น, ๋น๋ฐ๋ฒํธ ์ ๋ ฅ์ ์ ๊ทผ ๊ฐ๋ฅ ์ต์ ์ด ํ์๋ฉ๋๋ค. ๊ทธ์ค ๊ถํ์ด ์์ ๋ ๋ฉ๋ด ์จ๊น ์ต์ ์ ์ ํํฉ๋๋ค.
6. ์ฌ์ดํธ์์ ๋ก๊ทธ์์ํ ๋ค์ ์์์ ์ ๊ทผ ๊ถํ์ ์ ํํ ๋ฉ๋ด๊ฐ ์จ๊ฒจ์ก๋์ง ํ์ธํฉ๋๋ค.
๋กค์ค๋ฒ(Hover) ํจ๊ณผ๋ ํ ์คํธ, ์ด๋ฏธ์ง, ๋ฒํผ ๋ฑ์ ๋ง์ฐ์ค ํฌ์ธํฐ๊ฐ ์ฌ๋ผ๊ฐ์ ๋ ๋ฐ๋๋๋ ์ผ์ข ์ ์ ํํจ๊ณผ๋ฅผ ๋งํฉ๋๋ค. ์ด ๋์๋ง์์๋ ์ด๋ฏธ์ง ์์ ฏ์ ๋กค์ค๋ฒ ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
์ด๋ฏธ์ง ์์ ฏ์ ์๋์ ๊ทธ๋ฆผ์ฒ๋ผ ๋ ๊ฐ์ง ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ ์ ์๋๋ก, ์ด๋ฏธ์ง ์ค์ ํญ๋ชฉ์ด ๊ธฐ๋ณธ ์ด๋ฏธ์ง ์ ๋กค์ค๋ฒ ์ด๋ฏธ์ง ํญ๋ชฉ์ด ๋๋ ์ ธ ์์ต๋๋ค. ์ฌ์ฉ์๋ ๊ธฐ๋ณธ ์ด๋ฏธ์ง์ ๊ธฐ๋ณธ์ผ๋ก ํ์๋ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ , ๋กค์ค๋ฒ ์ด๋ฏธ์ง์ ๋ง์ฐ์ค ํฌ์ธํฐ๋ฅผ ์ฌ๋ ธ์ ๋ ์ ํ๋ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค.
1๋จ๊ณ: ์ด๋ฏธ์ง ์์ ฏ ์ถ๊ฐ ๋ฐ ์ค์ ์ด๊ธฐ
์ด๋ฏธ์ง ์์ ฏ์ ์ฝ์ ํ๊ณ , ํด๋น ์์ ฏ์ ์ค์ ์ ์ฌ๋ ๊ณผ์ ์ ์ค๋ช ํฉ๋๋ค.
2๋จ๊ณ: ๊ธฐ๋ณธ ์ด๋ฏธ์ง ์ถ๊ฐ ๋ฐ ํจ๊ณผ ์ค์ ํ๊ธฐ
๊ธฐ๋ณธ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ ํจ๊ณผ, ์ค๋ช ๋ฑ์ ์ถ๊ฐ ์ค์ ํฉ๋๋ค.
3๋จ๊ณ: ๋กค์ค๋ฒ ์ด๋ฏธ์ง ์ถ๊ฐ ๋ฐ ํจ๊ณผ ์ค์ ํ๊ธฐ
๋กค์ค๋ฒ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ , ํจ๊ณผ ๋ฐ ์์์ ์ถ๊ฐ ์ค์ ํฉ๋๋ค. ์ 2๋จ๊ณ์์ ์ค์ ํ ๊ธฐ๋ณธ ์ด๋ฏธ์ง์ ์ค์ ๊ณผ ๋กค์ค๋ฒ ์ด๋ฏธ์ง์ ์ค์ ์ด ๊ฐ์ผ๋ฉด ์ ํ ์ ์ฐจ์ด์ ์ด ๋๋ฌ๋์ง ์์ผ๋ ์ฃผ์ํด ์ฃผ์ธ์.
4๋จ๊ณ: ๋กค์ค๋ฒ ํจ๊ณผ ํ์ธํ๊ธฐ
๋กค์ค๋ฒ ํจ๊ณผ๋ฅผ ํ์ธํฉ๋๋ค. ๋กค์ค๋ฒ ํจ๊ณผ๋ ๋์์ธ ๋ชจ๋์์๋ ๋์ํ์ง ์์ผ๋ฉฐ, ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ชจ๋ ๋๋ ๊ฒ์ ํ ์ฌ์ดํธ์์ ํ์ธํ ์ ์์ต๋๋ค.
์น์ ๊ณ ์ ๊ธฐ๋ฅ์ ํ์ฉํด ๋ง์ฐ์ค ํ ์คํฌ๋กค์ ๋ด๋ ค๋ ์๋ธ ๋ฉ๋ด๊ฐ ์๋จ ๋ฉ๋ด์ ๋ฐ๋ก ์๋ ๊ณ ์ ๋๋๋ก ๋์์ธํ ์ ์์ต๋๋ค. ์๋์ ์ ๋๋ฉ์ด์ ์ ๊ทธ ์์๋ก, ํน์ ํ์ด์ง์์ ๋ง์ ์๋ธ ๋ฉ๋ด๋ฅผ ๋ณด์ฌ์ค ๋ ํจ๊ณผ์ ์ ๋๋ค.
1๋จ๊ณ: ๋น ์น์ ์ถ๊ฐํ๊ธฐ
์๋ธ ๋ฉ๋ด๋ฅผ ์ฝ์ ํ ๋น ์น์ ์ ์์ฑํฉ๋๋ค.
์ปจํ ์คํธ ๋ฉ๋ด๊ฐ ๋์ค๋ฉด ๋น ์น์ ์ถ๊ฐ๋ฅผ ํด๋ฆญํฉ๋๋ค.
2๋จ๊ณ: ์๋ธ ๋ฉ๋ด ์ถ๋ ฅํ๊ธฐ
๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ ํ์ฉํด ์ถ๋ ฅํ ์๋ธ ๋ฉ๋ด๋ฅผ ๋ถ๋ฌ์ต๋๋ค.
๋ฉ๋ด ๋ฆฌ์คํธ ์ค์ ์ฐฝ์ด ๋ํ๋๋ฉด ๊ธฐ์ค ์์น ํญ๋ชฉ์์ ํ์ํ ์๋ธ ๋ฉ๋ด๋ฅผ ํฌํจํ๋ ์์ ๋ฉ๋ด๋ฅผ ์ ํํฉ๋๋ค.
(์ ํ ์ฌํญ) ์ฌ๋ฐฑ ์์ ฏ์ ๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ ์, ์๋์ ์ถ๊ฐํด ์ถฉ๋ถํ ์ฌ๋ฐฑ์ ์ถ๊ฐํด ์ค๋๋ค.
3๋จ๊ณ: ์น์ ์๋ก ์ด๋ํ๊ธฐ
๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ด ํฌํจ๋ ์น์ ์ ์๋จ ๋ฉ๋ด ๋ฐ๋ก ์๋๊น์ง ์ด๋์ํต๋๋ค.
4๋จ๊ณ: ์น์ ๊ณ ์ ํ๊ธฐ
์๋ธ ๋ฉ๋ด๊ฐ ํฌํจ๋ ์น์ ์ ํด๋น ์์น์ ๊ณ ์ ํฉ๋๋ค.
์น์ ์ค์ ์ฐฝ ์ค๋ฅธ์ชฝ ํ๋จ์ ์น์ ๊ณ ์ ์ต์ ์ ์ ํํฉ๋๋ค.
๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ ํ์ฉํด ๊ฐํธํ๊ฒ ๋ฉ๋ด ๊ฒฝ๋ก๋ฅผ ํ์ํ ์ ์์ต๋๋ค.
์ค์ ๋ฐฉ๋ฒ
๋ฉ๋ด ๊ฒฝ๋ก ์คํ์ผ์ ์ ํํฉ๋๋ค.
์๋์ ๊ทธ๋ฆผ๊ณผ ์ค๋ช ์ ์ฐธ๊ณ ํด ๋ฉ๋ด ๊ฒฝ๋ก์ ์คํ์ผ์ ๋ณ๊ฒฝํฉ๋๋ค.
10. ๋ฉ๋ด/์นดํ ๊ณ ๋ฆฌ ์ค์ ์ฐฝ ๋ฐ๊นฅ ์์ญ์ ํด๋ฆญํด ์ค์ ์ ์๋ฃํฉ๋๋ค.
11. ๋์์ธ ๋ชจ๋ ์ค๋ฅธ์ชฝ ์๋จ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์์ด์ฝ์ ํด๋ฆญํฉ๋๋ค.
12. ๋ฉ๋ด ๊ฒฝ๋ก๊ฐ ์ ์์ ์ผ๋ก ํ์๋๋์ง ํ์ธํฉ๋๋ค.
13. ๋ฌธ์ ๊ฐ ์๋ค๋ฉด ๋์์ธ ๋ชจ๋๋ก ๋์๊ฐ ๊ฒ์ํ๊ธฐ ๋ฒํผ์ ํด๋ฆญํด ์ ์ฉํฉ๋๋ค.
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
ํ์๊ฐ์ ๋ฒํผ์ ๋ฐฉ๋ฌธ์์ ๊ฐ์ ์ ์ ๋, ์ด๊ตฌํ๋ ๋งํ์ ์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
์ค์ ๋ฐฉ๋ฒ
์ฐธ๊ณ : ์ด๋ฏธ ๋ก๊ทธ์ธ/์ฅ๋ฐ๊ตฌ๋ ์์ ฏ์ด ์๋ ๊ฒฝ์ฐ ์ด ๊ณผ์ ์ ๊ฑด๋๋๋๋ค. ๋๊ฐ ์ค๋ฅธ์ชฝ์ ์์นํด ์์ต๋๋ค.
์ปจํ ์คํธ ๋ฉ๋ด๊ฐ ๋์ค๋ฉด ๋ก๊ทธ์ธ ์ค์ ์ ํด๋ฆญํฉ๋๋ค.
์ฐธ๊ณ : ํ์๊ฐ์ ๋ฒํผ์ ์ถ๊ฐํ์ง ์์ ๊ฒฝ์ฐ ์ด ๋์๋ง์ ํ๋จ ๊ธ์ ์ฐธ๊ณ ํ ์ ์์ต๋๋ค.
8. ๋ก๊ทธ์ธ ์ค์ ์ฐฝ ๋ฐ๊นฅ ์์ญ์ ํด๋ฆญํด ์ค์ ์ ์๋ฃํฉ๋๋ค.
9. ๋์์ธ ๋ชจ๋ ์ค๋ฅธ์ชฝ ์๋จ์ ๊ฒ์ํ๊ธฐ ๋ฒํผ์ ํด๋ฆญํด ์ค์ ์ ์ ์ฉํฉ๋๋ค.
10. Google ํฌ๋กฌ ์ํฌ๋ฆฟ ์ฐฝ์ ์ผ๊ณ , ๋ด ์ฌ์ดํธ์ ์ ์ํฉ๋๋ค. ํฌ๋กฌ ์ํฌ๋ฆฟ ์ฐฝ ํ์ฉ๋ฐฉ๋ฒ
11. ํ์๊ฐ์ ๋ฒํผ์ ๊ฐ์ ๋ฒํผ ๋งํ์ ์ด ํ์๋๋์ง ํ์ธํฉ๋๋ค.
๊ด๋ จ ๋์๋ง: ํ์๊ฐ์ ๋ฒํผ์ด ์ ๋ณด์ด์ธ์?
๋ก๊ทธ์ธ ์ค์ ์ฐฝ ์ผ์ชฝ ์๋จ +์ถ๊ฐ๋ฅผ ํด๋ฆญํด ํ์๊ฐ์ ๋ฒํผ์ ์ถ๊ฐํ ์ ์์ต๋๋ค. ๊ธฐ์กด ๋ฉ๋ด ๋๋ ์ธ๋ถ์ฌ์ดํธ๋ก ๋งํฌ๋ฅผ ์ถ๊ฐํ๋ ค๋ฉด ๋งํฌ ์ต์ ์ ์ ํํด ์ฃผ์ธ์.
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
๊ตฌ๋งค์๊ฐ ์์ฑํ ๊ตฌ๋งคํ์ ํ๋์ ๊ฒ์ํ์ ๋ชจ์์ ๋ ธ์ถํ ์ ์์ต๋๋ค.
๋ฆฌ๋ทฐ๊ฒ์ํ์ ์ํ ์์ธํ์ด์ง์ ์์ฑ๋ ๊ตฌ๋งคํ๋ค์ ๋ถ๋ฌ์ค๋ ๊ตฌ์กฐ์ด๊ธฐ ๋๋ฌธ์, ์ํ ๋ฑ๋ก ๋ฐ ์ํ ์ง์ด์ ์๋ฃํ์ง ์์ผ๋ฉด ๊ฒ์ํ์ด ์ ์์ ์ผ๋ก ๋์ํ์ง ์์ ์ ์์ต๋๋ค.
์ ์๋ฐฉ๋ฒ
1๋จ๊ณ: ๊ฒ์ํ ์์ ฏ ์ถ๊ฐ ๋ฐ ์ค์ ์ด๊ธฐ
๋ฉ๋ด์ ๊ฒ์ํ ์์ ฏ์ ์ถ๊ฐํ๊ณ , ๊ฒ์ํ ์ค์ ์ ์ด์ด์ค๋๋ค.
2๋จ๊ณ: ๋ฆฌ๋ทฐ๊ฒ์ํ ์ค์ ํ๊ธฐ
์ผ๋ฐ ๊ฒ์ํ์ ๋ฆฌ๋ทฐ ๊ฒ์ํ์ผ๋ก ์ ํํ๊ณ , ์ค์ ํฉ๋๋ค.
์ฐธ๊ณ : ์์ฝ ์ํ์ ํ๋งคํ๋ ๊ฒฝ์ฐ ๊ตฌ๋งคํ ๊ฒ์ํ(์์ฝ)์ ์ ํํ ์ ์์ต๋๋ค.
(์ ํ ์ฌํญ) ์ต์ ํญ๋ชฉ์ ์ค์ ํฉ๋๋ค.
3๋จ๊ณ: ๊ฒ์ํ ๋์์ธ ๋ณ๊ฒฝํ๊ธฐ
๊ฒ์ํ ์คํ์ผ ๋ฐ ๋์์ธ ์์๋ฅผ ๋ณ๊ฒฝํฉ๋๋ค.
4๋จ๊ณ: ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ๊ฒ์ํ๊ธฐ
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
๊ฐ๋ก ์์ญ ํ์ฅ ์ต์ ์ ์ ํํ๋๋ฐ, ์ฌ์ ํ ์ข์ฐ ์ฌ๋ฐฑ์ด ๋จ์ ์๋ ๊ฒฝ์ฐ ์น์ ์ ๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ด ๊บผ์ ธ ์๊ฑฐ๋, ์น์ ์ข์ฐ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ด ์ค์ ๋์ด ์๊ธฐ ๋๋ฌธ์ ๋๋ค.
๋ค์ ๋์๋ง์ ์ฐธ๊ณ ํด ์น์ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ ์กฐ์ ํ์ฌ, ์ข์ฐ ์ฌ๋ฐฑ์ ์์ ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์ธ์.
์ค์ ๋ฐฉ๋ฒ
๋์์ธ ๋ชจ๋์ ์ ์ํฉ๋๋ค. ์ ์๋ฐฉ๋ฒ
๊ฐ๋ก ์์ญ ํ์ฅํ ์์ ฏ์ด ์ฝ์ ๋ ์น์ ์ ์น์ ์ค์ ์ ์ด์ด์ค๋๋ค. ์น์ ์ค์ ์ด๊ธฐ
๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ ์ต์ ์ด ๊บผ์ ธ ์๋ค๋ฉด, ์ต์ ์ ์ ํํด ํ์ฑํ ์์ผ์ฃผ์ธ์.
์ฐธ๊ณ : ์ด ์ต์ ์ผ๋ก ์ธํด ๋์์ธ์ด ํ์ด์ง๋ ๊ฒฝ์ฐ ํ์ด์ง ํ๋จ ๋์๋ง์ ์ฐธ๊ณ ํด ์ฃผ์ธ์.
๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ ์ฌ์ฉํ ์ ์๋ ๊ฒฝ์ฐ
๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ ์ต์ ์ ์ ํํ๋ฉด ํด๋น ์น์ ๋ด ๋ชจ๋ ์์ ฏ ๊ฐ์ ์ํ, ์ข์ฐ ๊ฐ๊ฒฉ์ด 15px๋ก ๊ณ ์ ๋ฉ๋๋ค. ์ด ์ต์ ์ ๊ฒฝ์ฐ์ ๋ฐ๋ผ ์์ ํ ๋์์ธ์ ๋ฐ๋ผ ์๋ํ ๋์์ธ์ ํ์ด์ง๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.
์ด ๊ฒฝ์ฐ ๊ธฐ๋ณธ ๊ทธ๋ฆฌ๋ ๊ฐ๊ฒฉ์ ์ ํ ํด์ ํ๊ณ , ์ผ์ชฝ์ ๊ทธ๋ฆฌ๋ ์ข์ฐ ๊ฐ๊ฒฉ์ 0px๋ก ์ ๋ ฅํด ๋ณด์ธ์. ํด๋น ์น์ ๋ด ๋ชจ๋ ์์ ฏ ๊ฐ์ ์ข์ฐ ๊ฐ๊ฒฉ์ด 0์ด ๋์ด ์ข์ฐ ์ฌ๋ฐฑ์ด ์ฌ๋ผ์ง๋๋ค.
๋ง์ฝ ์ ์ค์ ์ผ๋ก ์ธํด ์์ ฏ ๊ฐ์ ์ข์ฐ ๊ฐ๊ฒฉ์ด ๋๋ฌด ๋ถ์ด ๋ฒ๋ฆฐ ๊ฒฝ์ฐ, ๊ฐ๋ก ์์ญ์ ํ์ฅํ๋ ค๋ ์์ ฏ๋ง์ ์ํ ์๋ก์ด ๋น ์น์ ์ ์ฌ์ฉํด๋ ์ข์ต๋๋ค. ๋น ์น์ ์ถ๊ฐ๋ฐฉ๋ฒ
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
๋์์ธ ๋ชจ๋์์ ์์ ฏ ์ถ๊ฐ ์, ํด๋น ์์ ฏ์ ๊ธฐ๋ณธ์ ์ผ๋ก ํ์ด์ง ๋ณธ๋ฌธํญ(๊ฐ๋กํญ)์ ๋ง์ถฐ ์ฝ์ ๋ฉ๋๋ค. ์ด๋ ์ฌ์ฉ์๋ ํ์์ ๋ฐ๋ผ ์์ ฏ์ด ์ฐจ์งํ๋ ๊ฐ๋ก ์์ญ์ด ๋ณธ๋ฌธํญ์ ๋์ด 100% ํ์ฅ๋๋๋ก ์ค์ ํ ์ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด, ๊ฐ๋ก์ ์์ ฏ์ ์ข์ฐ 100% ํ์ฅํ์ฌ, ํ์ด์ง์ ์ํ ๊ตฌ๋ถ์ ์ํ ๊ตฌ๋ถ์ ์ผ๋ก ํ์ฉํ ์ ์์ต๋๋ค.
์ด ๋์๋ง์์๋ ๊ฐ๋ก์ ์์ ฏ์ ์์๋ก ๊ฐ๋ก ์์ญ 100% ํ์ฅํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
์ค์ ๋ฐฉ๋ฒ
์ข์ฐ ์ฌ๋ฐฑ์ด ๋จ์์๋์?
์ ํํ์ ํ ํ๋ฆฟ ๋๋ ์์ ๋ฌผ์ ๋ฐ๋ผ ์ฌ๋ฐฑ์ด ๋จ์ ์์ ์ ์์ต๋๋ค. ์๋ ๋์๋ง์ ์ฐธ๊ณ ํด ํด๊ฒฐ๋ฐฉ๋ฒ์ ์์๋ณด์ธ์.
๊ฐ๋ก ์์ญ์ ํ์ฅํ๋๋ฐ, ์ข์ฐ์ ์ฌ๋ฐฑ์ด ๋จ์์์ต๋๋ค.
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
์น์ ์ค์ ์ ๋ฐฐ๊ฒฝ ํจํด ๊ธฐ๋ฅ์ ์ฌ์ฉํด, ์๋ ๊ทธ๋ฆผ์ฒ๋ผ ํจํด ๋ฐฐ๊ฒฝ์ ์ ์ํ ์ ์์ต๋๋ค. ํจํด ์ด๋ฏธ์ง๋ ํด์๋ ๋์ ์ด๋ฏธ์ง ์ฌ์ฉ ๋๋น ์๋๊ฐ ๋น ๋ฅด๊ณ , ๋ณด๊ธฐ์๋ ์๋ คํ ๋๋์ ์ฃผ์ด ์ฌ์ดํธ ์ ์์ ์ข ์ข ์ฌ์ฉ๋ฉ๋๋ค.
์ด ๋์๋ง์์๋ ํจํด ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํด ์น์ ๋ฐฐ๊ฒฝ์ ํจํด ์ด๋ฏธ์ง๋ฅผ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
์ ์ฉ๋ฐฉ๋ฒ
์ปจํ ์คํธ ๋ฉ๋ด๊ฐ ๋์ค๋ฉด ์น์ ์ค์ ์ ํด๋ฆญํฉ๋๋ค.
์น์ ์ค์ ์ฐฝ ์ด๋ฏธ์ง ํ์ ์์ญ์ ๋ง์ฐ์ค ํฌ์ธํฐ๋ฅผ ์ฌ๋ฆฌ๊ณ , ์ด๋ฏธ์ง ์ฐพ๊ธฐ ๋ฒํผ์ ํด๋ฆญํฉ๋๋ค.
์ํ ํ์ผ: ์ ์์์ ํจํด ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๋ค์ด๋ก๋
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
๋ก๊ณ ์์ ฏ์ ์ฌ์ฉํ๋ฉด ์ฌ์ดํธ ์๋จ์ ๋ก๊ณ ๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค. ๋ก๊ณ ์์ ฏ์ ๋ก๊ณ ์ด๋ฏธ์ง์ ํ ์คํธ๋ฅผ ํจ๊ป ์ฌ์ฉํ ์ ์์ต๋๋ค. ๋๋๋ก ๋ก๊ณ ์ด๋ฏธ์ง ์๋ ํ ์คํธ ์ถ๊ฐํ ์ ์์์ ๋ชจ๋ฅด๊ณ , ๋ก๊ณ ์์ ฏ๊ณผ ํ ์คํธ ์์ ฏ์ ํจ๊ป ์ฌ์ฉํ๋ ์๊ฐ ์์ต๋๋ค.
์ด ๋์๋ง์์๋ ๋ก๊ณ ์ด๋ฏธ์ง ์๋ ํ ์คํธ๋ฅผ ์ถ๊ฐํ์ฌ, ์ธ๋ก ์ ๋ ฌ๋ ๋ก๊ณ ๋ฅผ ์ ์ํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
์ ์๋ฐฉ๋ฒ
1๋จ๊ณ: ์๋จ ๋ก๊ณ ์์ ฏ ์ค์ ์ผ๊ธฐ
์๋จ ๋์์ธ ๋ชจ๋์ ์ง์ ํด ๋ก๊ณ ์์ ฏ์ ์ค์ ์ ์ผ๋ ๊ณผ์ ์ ์ค๋ช ํฉ๋๋ค.
์ฐธ๊ณ : ๋ก๊ณ ์์ ฏ์ด ์๊ฑฐ๋ ์ญ์ ํ ๊ฒฝ์ฐ ์๋ก ์ถ๊ฐํฉ๋๋ค. ์๋จ ์์ ฏ ์ถ๊ฐ๋ฐฉ๋ฒ
2๋จ๊ณ: ๋ก๊ณ ์ด๋ฏธ์ง ์ถ๊ฐํ๊ธฐ
๋ก๊ณ ๋ก ์ฌ์ฉํ ์ด๋ฏธ์ง๋ฅผ ์ ๋ก๋ํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
3๋จ๊ณ: ํ ์คํธ ๋ก๊ณ ์ถ๊ฐํ๊ธฐ
๋ก๊ณ ์ ํจ๊ป ํ์๋ ํ ์คํธ๋ฅผ ์ ๋ ฅํฉ๋๋ค.
์ฐธ๊ณ : ์ฌ์ฉํ๊ธฐ ์ฒดํฌ๋ฐ์ค๋ฅผ ์ ํ ํด์ ํ๋ ๊ฒฝ์ฐ, ํ ์คํธ ๋ก๊ณ ๋ ์จ๊ฒจ์ง๋๋ค.
4๋จ๊ณ: ํ ์คํธ ์์น ๋ณ๊ฒฝํ๊ธฐ
์ด๋ฏธ์ง ์ค๋ฅธ์ชฝ์ ์๋ ํ ์คํธ ๋ก๊ณ ์ ์์น๋ฅผ ์ด๋ฏธ์ง ์๋๋ก ๋ณ๊ฒฝํฉ๋๋ค.
(์ ํ ์ฌํญ) ๋ก๊ณ ์ด๋ฏธ์ง๊ฐ ๋๋ฌด ํฌ๊ฑฐ๋ ์์ ๊ฒฝ์ฐ, ๋ก๊ณ ์ด๋ฏธ์ง ํ๋จ ๋ํธ๋จธ๋ฆฌ๋ฅผ ๋ง์ฐ์ค๋ก ํด๋ฆญ ํ ๋๋๊ทธํ์ฌ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํฉ๋๋ค.
5๋จ๊ณ: ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ๊ฒ์ํ๊ธฐ
์ ์ํ ๋์์ธ์ ๋ฏธ๋ฆฌ๋ณด๊ณ , ๋ฌธ์ ๊ฐ ์๋ค๋ฉด ๊ฒ์ํฉ๋๋ค.
๊ด๋ จ ๋์๋ง
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
ํน์ ๋ฉ๋ด์ ์ ๊ทผ ๊ถํ์ ์ค์ ํ์ฌ ํ์ฉ๋ ๊ทธ๋ฃน์ด ์๋ ๊ฒฝ์ฐ ๋ณด์ด์ง ์๋๋ก ์ค์ ํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ๋ก๊ทธ์ธํ ํ์ ๋๋ ์ด๋ค ํน์ ์ํ์ ๊ตฌ๋งคํ ์ฌ์ฉ์(ํ์๊ทธ๋ฃน ์ด์ฉ๊ถ)์๊ฒ ํน์ ๋ฉ๋ด๋ฅผ ๋ณด์ฌ์ค ๋ ์ ์ฉํฉ๋๋ค.
์ค์ ๋ฐฉ๋ฒ
5. ์ 4๋ฒ ํญ๋ชฉ์์ ์ธ ๊ฐ์ง ์ต์ ์ค ํ๋๋ฅผ ์ ํํ๋ฉด, ๋ก๊ทธ์ธ์ฐฝ ์๋ ํ์, ๊ถํ์ด ์์ ๋ ๋ฉ๋ด ์จ๊น, ๋น๋ฐ๋ฒํธ ์ ๋ ฅ์ ์ ๊ทผ ๊ฐ๋ฅ ์ต์ ์ด ํ์๋ฉ๋๋ค. ๊ทธ์ค ๊ถํ์ด ์์ ๋ ๋ฉ๋ด ์จ๊น ์ต์ ์ ์ ํํฉ๋๋ค.
6. ์ฌ์ดํธ์์ ๋ก๊ทธ์์ํ ๋ค์ ์์์ ์ ๊ทผ ๊ถํ์ ์ ํํ ๋ฉ๋ด๊ฐ ์จ๊ฒจ์ก๋์ง ํ์ธํฉ๋๋ค.
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ
๋กค์ค๋ฒ(Hover) ํจ๊ณผ๋ ํ ์คํธ, ์ด๋ฏธ์ง, ๋ฒํผ ๋ฑ์ ๋ง์ฐ์ค ํฌ์ธํฐ๊ฐ ์ฌ๋ผ๊ฐ์ ๋ ๋ฐ๋๋๋ ์ผ์ข ์ ์ ํํจ๊ณผ๋ฅผ ๋งํฉ๋๋ค. ์ด ๋์๋ง์์๋ ์ด๋ฏธ์ง ์์ ฏ์ ๋กค์ค๋ฒ ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํฉ๋๋ค.
์ค์ ๋ฐฉ๋ฒ
์ด๋ฏธ์ง ์์ ฏ์ ์๋์ ๊ทธ๋ฆผ์ฒ๋ผ ๋ ๊ฐ์ง ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ ์ ์๋๋ก, ์ด๋ฏธ์ง ์ค์ ํญ๋ชฉ์ด ๊ธฐ๋ณธ ์ด๋ฏธ์ง ์ ๋กค์ค๋ฒ ์ด๋ฏธ์ง ํญ๋ชฉ์ด ๋๋ ์ ธ ์์ต๋๋ค. ์ฌ์ฉ์๋ ๊ธฐ๋ณธ ์ด๋ฏธ์ง์ ๊ธฐ๋ณธ์ผ๋ก ํ์๋ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ , ๋กค์ค๋ฒ ์ด๋ฏธ์ง์ ๋ง์ฐ์ค ํฌ์ธํฐ๋ฅผ ์ฌ๋ ธ์ ๋ ์ ํ๋ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค.
1๋จ๊ณ: ์ด๋ฏธ์ง ์์ ฏ ์ถ๊ฐ ๋ฐ ์ค์ ์ด๊ธฐ
์ด๋ฏธ์ง ์์ ฏ์ ์ฝ์ ํ๊ณ , ํด๋น ์์ ฏ์ ์ค์ ์ ์ฌ๋ ๊ณผ์ ์ ์ค๋ช ํฉ๋๋ค.
2๋จ๊ณ: ๊ธฐ๋ณธ ์ด๋ฏธ์ง ์ถ๊ฐ ๋ฐ ํจ๊ณผ ์ค์ ํ๊ธฐ
๊ธฐ๋ณธ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ ํจ๊ณผ, ์ค๋ช ๋ฑ์ ์ถ๊ฐ ์ค์ ํฉ๋๋ค.
3๋จ๊ณ: ๋กค์ค๋ฒ ์ด๋ฏธ์ง ์ถ๊ฐ ๋ฐ ํจ๊ณผ ์ค์ ํ๊ธฐ
๋กค์ค๋ฒ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ , ํจ๊ณผ ๋ฐ ์์์ ์ถ๊ฐ ์ค์ ํฉ๋๋ค. ์ 2๋จ๊ณ์์ ์ค์ ํ ๊ธฐ๋ณธ ์ด๋ฏธ์ง์ ์ค์ ๊ณผ ๋กค์ค๋ฒ ์ด๋ฏธ์ง์ ์ค์ ์ด ๊ฐ์ผ๋ฉด ์ ํ ์ ์ฐจ์ด์ ์ด ๋๋ฌ๋์ง ์์ผ๋ ์ฃผ์ํด ์ฃผ์ธ์.
4๋จ๊ณ: ๋กค์ค๋ฒ ํจ๊ณผ ํ์ธํ๊ธฐ
๋กค์ค๋ฒ ํจ๊ณผ๋ฅผ ํ์ธํฉ๋๋ค. ๋กค์ค๋ฒ ํจ๊ณผ๋ ๋์์ธ ๋ชจ๋์์๋ ๋์ํ์ง ์์ผ๋ฉฐ, ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ชจ๋ ๋๋ ๊ฒ์ ํ ์ฌ์ดํธ์์ ํ์ธํ ์ ์์ต๋๋ค.
์น์ ๊ณ ์ ๊ธฐ๋ฅ์ ํ์ฉํด ๋ง์ฐ์ค ํ ์คํฌ๋กค์ ๋ด๋ ค๋ ์๋ธ ๋ฉ๋ด๊ฐ ์๋จ ๋ฉ๋ด์ ๋ฐ๋ก ์๋ ๊ณ ์ ๋๋๋ก ๋์์ธํ ์ ์์ต๋๋ค. ์๋์ ์ ๋๋ฉ์ด์ ์ ๊ทธ ์์๋ก, ํน์ ํ์ด์ง์์ ๋ง์ ์๋ธ ๋ฉ๋ด๋ฅผ ๋ณด์ฌ์ค ๋ ํจ๊ณผ์ ์ ๋๋ค.
์ค์ ๋ฐฉ๋ฒ
1๋จ๊ณ: ๋น ์น์ ์ถ๊ฐํ๊ธฐ
์๋ธ ๋ฉ๋ด๋ฅผ ์ฝ์ ํ ๋น ์น์ ์ ์์ฑํฉ๋๋ค.
์ปจํ ์คํธ ๋ฉ๋ด๊ฐ ๋์ค๋ฉด ๋น ์น์ ์ถ๊ฐ๋ฅผ ํด๋ฆญํฉ๋๋ค.
2๋จ๊ณ: ์๋ธ ๋ฉ๋ด ์ถ๋ ฅํ๊ธฐ
๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ ํ์ฉํด ์ถ๋ ฅํ ์๋ธ ๋ฉ๋ด๋ฅผ ๋ถ๋ฌ์ต๋๋ค.
๋ฉ๋ด ๋ฆฌ์คํธ ์ค์ ์ฐฝ์ด ๋ํ๋๋ฉด ๊ธฐ์ค ์์น ํญ๋ชฉ์์ ํ์ํ ์๋ธ ๋ฉ๋ด๋ฅผ ํฌํจํ๋ ์์ ๋ฉ๋ด๋ฅผ ์ ํํฉ๋๋ค.
(์ ํ ์ฌํญ) ์ฌ๋ฐฑ ์์ ฏ์ ๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ ์, ์๋์ ์ถ๊ฐํด ์ถฉ๋ถํ ์ฌ๋ฐฑ์ ์ถ๊ฐํด ์ค๋๋ค.
3๋จ๊ณ: ์น์ ์๋ก ์ด๋ํ๊ธฐ
๋ฉ๋ด ๋ฆฌ์คํธ ์์ ฏ์ด ํฌํจ๋ ์น์ ์ ์๋จ ๋ฉ๋ด ๋ฐ๋ก ์๋๊น์ง ์ด๋์ํต๋๋ค.
4๋จ๊ณ: ์น์ ๊ณ ์ ํ๊ธฐ
์๋ธ ๋ฉ๋ด๊ฐ ํฌํจ๋ ์น์ ์ ํด๋น ์์น์ ๊ณ ์ ํฉ๋๋ค.
์น์ ์ค์ ์ฐฝ ์ค๋ฅธ์ชฝ ํ๋จ์ ์น์ ๊ณ ์ ์ต์ ์ ์ ํํฉ๋๋ค.
5๋จ๊ณ: ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ๊ฒ์ํ๊ธฐ
๋์๋ง์ ์ฐพ์ผ์๋ ๋ต๋ณ์ด ์์ผ์ ๊ฐ์? ๋ฌธ์ํ๊ธฐ