์‚ฌ์ดํŠธ ํšŒ์›๊ฐ€์ž…/๋กœ๊ทธ์ธ ์„ค์ •ํ•˜๊ธฐ


์ƒ๋‹จ ์˜์—ญ์— ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ์„ ์ถ”๊ฐ€ํ•˜์—ฌ, ๋ฐฉ๋ฌธ์ž๊ฐ€ ์‚ฌ์ดํŠธ ํšŒ์›์œผ๋กœ ๊ฐ€์ž…ํ•˜๊ณ  ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์žˆ๊ฒŒ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋„์›€๋ง์—์„œ๋Š” ์ƒ๋‹จ์— ๋กœ๊ทธ์ธ/์žฅ๋ฐ”๊ตฌ๋‹ˆ ์œ„์ ฏ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ณผ์ •์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

์„ค์ •๋ฐฉ๋ฒ•

1. ๋””์ž์ธ ๋ชจ๋“œ์— ์ ‘์†ํ•ฉ๋‹ˆ๋‹ค. ์ ‘์†๋ฐฉ๋ฒ•

2. ์ƒ๋‹จ ์˜์—ญ ์˜ค๋ฅธ์ชฝ์— ์ƒ๋‹จ์„ค์ •์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

3. ์„น์…˜์— ๋งˆ์šฐ์Šค ํฌ์ธํ„ฐ๋ฅผ ์˜ฌ๋ฆฝ๋‹ˆ๋‹ค.

4. ์œ„์ ฏ ์ถ”๊ฐ€ ์•„์ด์ฝ˜์ด ๋‚˜ํƒ€๋‚˜๋ฉด ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

5. ๋กœ๊ทธ์ธ/์žฅ๋ฐ”๊ตฌ๋‹ˆ ์œ„์ ฏ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์ฐธ๊ณ : ์„ ํƒํ•˜์‹  ํ…Œ๋งˆ์— ๋กœ๊ทธ์ธ/์žฅ๋ฐ”๊ตฌ๋‹ˆ ์œ„์ ฏ์ด ์ด๋ฏธ ์ถ”๊ฐ€๋œ ๊ฒฝ์šฐ ์ด ๊ณผ์ •์€ ๊ฑด๋„ˆ๋œ๋‹ˆ๋‹ค.


6. (์„ ํƒ ์‚ฌํ•ญ) ๋กœ๊ทธ์ธ/์žฅ๋ฐ”๊ตฌ๋‹ˆ ์œ„์ ฏ์„ ๋งˆ์šฐ์Šค๋กœ ํด๋ฆญํ•˜๊ณ  ๋“œ๋ž˜๊ทธํ•˜์—ฌ, ์›ํ•˜๋Š” ๊ณณ์— ๋ฐฐ์น˜ํ•ฉ๋‹ˆ๋‹ค.


๋กœ๊ทธ์ธ/์žฅ๋ฐ”๊ตฌ๋‹ˆ ์œ„์ ฏ์€ ๋กœ๊ทธ์ธ ์ „๊ณผ ๋กœ๊ทธ์ธ ํ›„ ์„ค์ •์„ ๋”ฐ๋กœ ํ•ด์ค˜์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋‹จ๊ณ„์—์„œ๋Š” ๋กœ๊ทธ์ธ ์ „์— ๋ณด์—ฌ์ค„ ๋ฉ”๋‰ด๋กœ ๋กœ๊ทธ์ธ๊ณผ ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ์„ ํ‘œ์‹œํ•˜๋Š” ๊ณผ์ •์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.


1. ๋กœ๊ทธ์ธ/์žฅ๋ฐ”๊ตฌ๋‹ˆ ์œ„์ ฏ์— ๋งˆ์šฐ์Šค ํฌ์ธํ„ฐ๋ฅผ ์˜ฌ๋ฆฌ๊ณ , ๋งˆ์šฐ์Šค ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

2. ์ปจํ…์ŠคํŠธ ๋ฉ”๋‰ด๊ฐ€ ๋‚˜ํƒ€๋‚˜๋ฉด ๋กœ๊ทธ์ธ ์„ค์ •์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

3. ๋กœ๊ทธ์ธ ์„ค์ • ์ฐฝ์ด ๋‚˜์˜ค๋ฉด, ์ƒ๋‹จ์— ๋กœ๊ทธ์ธ ์ „ ํƒญ์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

4. ์™ผ์ชฝ ์ƒ๋‹จ์˜ +์ถ”๊ฐ€๋ฅผ ํด๋ฆญํ•˜๊ณ , ํšŒ์›๊ฐ€์ž…์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. (์ด๋ฏธ ๋กœ๊ทธ์ธ์ด ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ, ๋‹ค์Œ ๊ณผ์ •์œผ๋กœ ๊ฑด๋„ˆ๋œ๋‹ˆ๋‹ค.)

5. ์œ„ 4๋ฒˆ๊ณผ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ๋กœ๊ทธ์ธ ๊ฐ์ฒด๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. (์ด๋ฏธ ๋กœ๊ทธ์ธ์ด ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ, ๋‹ค์Œ ๊ณผ์ •์œผ๋กœ ๊ฑด๋„ˆ๋œ๋‹ˆ๋‹ค.)

6. (์„ ํƒ ์‚ฌํ•ญ) ๊ฐ์ฒด๋ฅผ 2๊ฐœ ์ด์ƒ ์ถ”๊ฐ€ํ•œ ๊ฒฝ์šฐ, ๊ฐ์ฒด๋ฅผ ๋งˆ์šฐ์Šค๋กœ ํด๋ฆญ ํ›„ ๋“œ๋ž˜๊ทธํ•˜์—ฌ ์ˆœ์„œ๋ฅผ ๋ณ€๊ฒฝํ•˜์„ธ์š”.

์ฐธ๊ณ : ์ถ”๊ฐ€ํ•œ ๊ฐ์ฒด๋ฅผ ์‚ญ์ œํ•˜๋ ค๋ฉด ๊ฐ์ฒด ์œ„์— ๋งˆ์šฐ์Šค ํฌ์ธํ„ฐ๋ฅผ ์˜ฌ๋ฆฌ๋ฉด ๋‚˜ํƒ€๋‚˜๋Š” โจ‚๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. 






๋กœ๊ทธ์ธ ๋ฐ ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ์˜ ๋ฌธ๊ตฌ, ์ƒ‰์ƒ, ํฌ๊ธฐ ๋“ฑ์˜ ์„ค์ •์„ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. 


1. ๋กœ๊ทธ์ธ ๊ฐ์ฒด๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.


2. ํ•˜๋‹จ์— ๋กœ๊ทธ์ธ ์˜ต์…˜์ด ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. ํ•„์š”์— ๋”ฐ๋ผ ๋กœ๊ทธ์ธ ๋ฌธ๊ตฌ์™€ ํ…์ŠคํŠธ ํฌ๊ธฐ๋ฅผ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. ํ…์ŠคํŠธ ํฌ๊ธฐ ๋ณ€๊ฒฝ ์‹œ ํšŒ์›๊ฐ€์ž… ํ…์ŠคํŠธ์—๋„ ์˜ํ–ฅ์„ ์ค๋‹ˆ๋‹ค. 


3. ํšŒ์›๊ฐ€์ž… ๊ฐ์ฒด๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. 


4. ํ•˜๋‹จ์— ํšŒ์›๊ฐ€์ž… ์˜ต์…˜์ด ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. ํ•„์š”์— ๋”ฐ๋ผ ํšŒ์›๊ฐ€์ž… ๋ฌธ๊ตฌ๋ฅผ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค.


5. ๊ณตํ†ต์œผ๋กœ ์ ์šฉํ•  ํ…์ŠคํŠธ ์ƒ‰์ƒ ๋ฐ ํ…์ŠคํŠธ Hover ์ƒ‰์ƒ์„ ํŽธ์ง‘ํ•ฉ๋‹ˆ๋‹ค. ํ•„์š”์— ๋”ฐ๋ผ ๊ฐ์ฒด๊ฐ„ ๊ฐ„๊ฒฉ์„ ์กฐ์ ˆํ•ด ๋ฒ„ํŠผ๊ฐ„ ๊ฐ„๊ฒฉ์„ ์กฐ์ ˆํ•ด ๋ณด์„ธ์š”. ๋กค์˜ค๋ฒ„(Hover)๋ž€? 





๋กœ๊ทธ์ธ ์ „ ๊ฐ์ฒด๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ์„ค์ •ํ–ˆ๋˜ ๋ฐฉ์‹ ๊ทธ๋Œ€๋กœ, ๋กœ๊ทธ์ธ ํ›„ ๊ฐ์ฒด๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.


1. ๋กœ๊ทธ์ธ ์„ค์ • ์ฐฝ ์ƒ๋‹จ์˜ ๋กœ๊ทธ์ธ ํ›„ ํƒญ์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

2. ์™ผ์ชฝ ์ƒ๋‹จ์˜ + ์ถ”๊ฐ€๋ฅผ ํด๋ฆญํ•˜๊ณ , ํ•„์š”ํ•œ ๊ฐ์ฒด(๋“ค)์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

3. ๊ฐ์ฒด๋ฅผ ํด๋ฆญํ•˜๊ณ , ๊ฐ ๊ฐ์ฒด์˜ ์„ค์ •์„ ๋ณ€๊ฒฝํ•ด ์ค๋‹ˆ๋‹ค.

4. ๋กœ๊ทธ์ธ ์ „ ๊ฐ์ฒด๋ฅผ ์„ค์ •ํ–ˆ๋˜ ๊ฒƒ๊ณผ ๊ฐ™์ด ๋กœ๊ทธ์ธ ํ›„ ๊ฐ์ฒด๋ฅผ ๋งˆ์šฐ์Šค๋กœ ์„ ํƒํ•œ ๋‹ค์Œ์— ๋ฌธ๊ตฌ, ์ƒ‰์ƒ, ํฌ๊ธฐ ๋“ฑ์„ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.

5. ๋กœ๊ทธ์ธ ์„ค์ • ์ฐฝ ๋ฐ”๊นฅ ์˜์—ญ์„ ํด๋ฆญํ•ด ์„ค์ •์„ ์™„๋ฃŒํ•ฉ๋‹ˆ๋‹ค.


ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ์ด ์ •์ƒ์ ์œผ๋กœ ๋™์ž‘ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. 


1. ๋””์ž์ธ ๋ชจ๋“œ ์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ์— ์œ„์น˜ํ•œ ๊ฒŒ์‹œํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

2. ๋‚ด ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•ด ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ์„ ์‹œ๋„ํ•ฉ๋‹ˆ๋‹ค.


์ฐธ๊ณ Google ํฌ๋กฌ ์‹œํฌ๋ฆฟ์ฐฝ์„ ์‚ฌ์šฉํ•˜๋ฉด, ๋น„๋กœ๊ทธ์ธ ์ƒํƒœ๋กœ ๋‚ด ์‚ฌ์ดํŠธ ์ ‘์†์ด ๊ฐ€๋Šฅํ•˜์—ฌ ํ…Œ์ŠคํŠธ๊ฐ€ ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค.


3. ๋‚ด ์‚ฌ์ดํŠธ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

4. ์™ผ์ชฝ ๋ฉ”๋‰ด์— [์‚ฌ์šฉ์ž ๊ด€๋ฆฌ > ์‚ฌ์šฉ์ž ๋ชฉ๋ก]์œผ๋กœ ์ด๋™ํ•ด ์ •์ƒ์ ์œผ๋กœ ํšŒ์›๊ฐ€์ž…์ด ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

ํšŒ์›๊ฐ€์ž… ํ•ญ๋ชฉ์„ ์ˆ˜์ •ํ•˜๊ณ  ์‹ถ์œผ์„ธ์š”?


์•„์ด๋””/์ด๋ฉ”์ผ, ์ „ํ™”๋ฒˆํ˜ธ, ์„ฑ๋ณ„, ์ฃผ์†Œ, ํŒŒ์ผ์ฒจ๋ถ€ ๋“ฑ ํ•„์š”์— ๋”ฐ๋ผ ๋‹ค์–‘ํ•œ ํšŒ์›๊ฐ€์ž… ํ•ญ๋ชฉ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


ํšŒ์›๊ฐ€์ž… ํ•ญ๋ชฉ ์ถ”๊ฐ€ ๋ฐ ํŽธ์ง‘๋ฐฉ๋ฒ•

๋„์›€๋ง์— ์ฐพ์œผ์‹œ๋Š” ๋‹ต๋ณ€์ด ์—†์œผ์‹ ๊ฐ€์š”? ๋ฌธ์˜ํ•˜๊ธฐ


TOP