Skip to content
SEO/seo-resources

๋‹ค๊ตญ์–ด ๋ธ”๋กœ๊ทธ ์ œ์ž‘ํ•˜๊ธฐ ๊ตฌ๊ธ€ ์ž๋™ ๋ฒˆ์—ญ ์œ„์ ฏ์˜ ํ™œ์šฉํŒ

๋‹ค๊ตญ์–ด ๋ธ”๋กœ๊ทธ ์ œ์ž‘ ๋ฐฉ๋ฒ•: ๊ธ€๋กœ๋ฒŒ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ์ „๋žต

ํ•ด์™ธ ์‚ฌ์šฉ์ž ์ ‘๊ทผ์„ฑ ํ™•๋ณด๋ฅผ ์œ„ํ•œ ๊ตฌ๊ธ€ ๋ฒˆ์—ญ ์œ„์ ฏ ์„ค์น˜์™€ ํ‹ฐ์Šคํ† ๋ฆฌ ๋‹ค๊ตญ์–ด ์„ค์ • ๋ฐฉ๋ฒ•์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ์›น์‚ฌ์ดํŠธ ๋ฒˆ์—ญ ์Šคํฌ๋ฆฝํŠธ ์ตœ์ ํ™”์™€ ํ•ด์™ธ ํŠธ๋ž˜ํ”ฝ ์œ ์ž… ๋Š˜๋ฆฌ๊ธฐ ์ „๋žต์„ ํ†ตํ•ด ๊ธ€๋กœ๋ฒŒ ๋ธ”๋กœ๊ทธ ์šด์˜์˜ ํšจ์œจ์„ฑ์„ ๋†’์ด๋Š” ๋ฐฉ๋ฒ•์„ ํ™•์ธํ•˜์„ธ์š”.

1. ๋‹ค๊ตญ์–ด ๋ธ”๋กœ๊ทธ ๋ฐ ๊ธ€๋กœ๋ฒŒ ์ฝ˜ํ…์ธ  ์ œ๊ณต์˜ ํ•„์š”์„ฑ

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

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

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

2. ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ €๋ณ„ ๋ฒˆ์—ญ ๊ธฐ๋Šฅ ์ œ์•ฝ ์‚ฌํ•ญ ๋น„๊ต

ํฌ๋กฌ ์™ธ์— ์—ฃ์ง€๋‚˜ ํŒŒ์ด์–ดํญ์Šค ๋“ฑ ๋‹ค์–‘ํ•œ ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ์—์„œ ์ ‘์†ํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค์„ ์œ„ํ•ด ์ž๋™ ๋ฒˆ์—ญ ๊ธฐ๋Šฅ์˜ ํ•œ๊ณ„๋ฅผ ๋ณด์™„ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ž˜ ํ‘œ๋Š” ๋ธŒ๋ผ์šฐ์ €๋ณ„ ๋ฒˆ์—ญ ์ง€์› ํ˜„ํ™ฉ์„ ๋น„๊ตํ•œ ์ž๋ฃŒ์ž…๋‹ˆ๋‹ค.

๋ธŒ๋ผ์šฐ์ € ๊ตฌ๋ถ„ ๊ธฐ๋ณธ ๋ฒˆ์—ญ ๋ฐฉ์‹ ์‚ฌ์šฉ์ž ํŽธ์˜์„ฑ ์ˆ˜์ค€
๊ตฌ๊ธ€ ํฌ๋กฌ (Chrome) ๊ตฌ๊ธ€ ๋ฒˆ์—ญ ์ž๋™ํ™” ์ง€์› ๋งค์šฐ ๋†’์Œ (๊ธฐ๋ณธ ๋‚ด์žฅ)
MS ์—ฃ์ง€ (Edge) ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ ๋ฒˆ์—ญ ์ œ๊ณต ๋ณดํ†ต (์ˆ˜๋™ ํ™œ์„ฑํ™” ํ•„์š”)
ํŒŒ์ด์–ดํญ์Šค (Firefox) ๋ฒˆ์—ญ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ์˜์กด ๋‚ฎ์Œ (์ถ”๊ฐ€ ์„ค์น˜ ๋ฒˆ๊ฑฐ๋กœ์›€)

์ด๋Ÿฌํ•œ ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๋ฅผ ๊ทน๋ณตํ•˜๊ณ  ๋ชจ๋“  ์‚ฌ์šฉ์ž์—๊ฒŒ ์ผ๊ด€๋œ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ธ”๋กœ๊ทธ์— ์ง์ ‘ ๊ตฌ๊ธ€ ๋ฒˆ์—ญ ์œ„์ ฏ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์„ค์น˜ํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ํšจ๊ณผ์ ์ธ ๊ธ€๋กœ๋ฒŒ ๋งˆ์ผ€ํŒ… ์ตœ์ ํ™” ๋ฐฉ์•ˆ์ž…๋‹ˆ๋‹ค.

3. ๊ตฌ๊ธ€ ๋ฒˆ์—ญ ์œ„์ ฏ ์„ค์น˜ ๋ฐ ๊ธฐ์ˆ ์  ์ตœ์ ํ™”

๊ตฌ๊ธ€ ๋ฒˆ์—ญ๊ธฐ API ํ˜ธ์ถœ์„ ํ†ตํ•œ ์œ„์ ฏ ์„ค์น˜๋Š” ๊ฐ„๋‹จํ•œ ์ฝ”๋“œ ์‚ฝ์ž…๋งŒ์œผ๋กœ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ ์™ธ๊ตญ์–ด ๋ฒˆ์—ญ ์ ์šฉ์„ ์œ„ํ•œ ๋‹จ๊ณ„๋ณ„ ๊ฐ€์ด๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

1 ์œ„์ ฏ ์‹คํ–‰ ์Šคํฌ๋ฆฝํŠธ ์ ์šฉ

์•„๋ž˜์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ /body ํƒœ๊ทธ ๋ฐ”๋กœ ์•ž์— ์‚ฝ์ž…ํ•˜์„ธ์š”. ์–ธ์–ด ์ฝ”๋“œ ์„ค์ • ํ•ญ๋ชฉ์„ ํ†ตํ•ด ํŠน์ • ์–ธ์–ด(์˜์–ด, ์ผ๋ณธ์–ด, ์ค‘๊ตญ์–ด ๋“ฑ)๋ฅผ ์„ ํƒ์ ์œผ๋กœ ๋…ธ์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"/script
script type="text/javascript"
 function googleTranslateElementInit() {
 new google.translate.TranslateElement({
 pageLanguage: 'ko',
 includedLanguages: 'ko,en,ja,zh-CN,es,fr,vi',
 layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
 autoDisplay: false,
 gaTrack: true,
 googleDomain: 'translate.google.com'
 }, 'google_translate_element');
 }
/script

2 ๋ฒˆ์—ญ ๋ฒ„ํŠผ ๋ฐฐ์น˜ ๋ฐ ๋””์ž์ธ ์ปค์Šคํ…€

๋ฐฉ๋ฌธ์ž์˜ ์‹œ์„ ์ด ๋จธ๋ฌด๋Š” ๊ณณ์— ์•„๋ž˜ ์–ธ์–ด ์„ ํƒ๊ธฐ ๋ฒ„ํŠผ ์ฝ”๋“œ๋ฅผ ์‚ฝ์ž…ํ•˜์„ธ์š”. ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI) ๊ฐœ์„ ์„ ํ†ตํ•ด ํด๋ฆญ๋ฅ ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

div id="google_translate_element"/div
๊ตฌ๊ธ€๋ฒˆ์—ญ์œ„์ ฏ

3 ์Šคํƒ€์ผ ์‹œํŠธ(CSS) ์ตœ์ ํ™”

์œ„์ ฏ ๋กœ๊ณ ๋ฅผ ์ˆจ๊ธฐ๊ฑฐ๋‚˜ ๋ ˆ์ด์•„์›ƒ ๊ณ ์ • ์„ค์ •์„ ํ†ตํ•ด ๊น”๋”ํ•œ ๋””์ž์ธ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

style
 .goog-te-gadget img { display: none !important; }
 #google_translate_element { background-color: transparent !important; }
 .VIpgJd-ZVi9od-xl07Ob-OEVmcd { z-index: 10000002; position: fixed; top: 20px; right: 20px; border: none; }
/style

์งˆ๋ฌธ 1: ์‹ค์‹œ๊ฐ„ ๋ฒˆ์—ญ ์œ„์ ฏ์ด ๊ตฌ๊ธ€ ๊ฒ€์ƒ‰ ์ˆœ์œ„์— ๋„์›€์ด ๋˜๋‚˜์š”?

๋‹ต๋ณ€: ์œ„์ ฏ ์ž์ฒด๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ ์ƒ์„ฑํ•˜์ง€๋Š” ์•Š์ง€๋งŒ, ํ•ด์™ธ ๋ฐฉ๋ฌธ์ž์˜ ์‚ฌ์ดํŠธ ์ด์šฉ ๋งŒ์กฑ๋„๋ฅผ ๋†’์—ฌ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ง€ํ‘œ๋ฅผ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์žฅ๊ธฐ์ ์œผ๋กœ ๊ฒ€์ƒ‰์—”์ง„์˜ ์‹ ๋ขฐ๋„๋ฅผ ๋†’์—ฌ ์ˆœ์œ„์— ๊ธ์ •์ ์ธ ์˜ํ–ฅ์„ ์ค๋‹ˆ๋‹ค.

์งˆ๋ฌธ 2: ๋ฒˆ์—ญ ์˜ค์—ญ์„ ์ตœ์†Œํ™”ํ•˜๋Š” ๊ธ€์“ฐ๊ธฐ ์ „๋žต์ด ์žˆ๋‚˜์š”?

๋‹ต๋ณ€: ์ธ๊ณต์ง€๋Šฅ ๋ฒˆ์—ญ์˜ ์ •ํ™•๋„๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด ๋ฌธ์žฅ์„ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ๊ตฌ์„ฑํ•˜๊ณ , ํ•œ๊ตญ์–ด ํŠน์œ ์˜ ์€์–ด๋‚˜ ์‹ ์กฐ์–ด ์‚ฌ์šฉ์„ ์ž์ œํ•˜๋ฉฐ ํ‘œ์ค€์–ด ์œ„์ฃผ๋กœ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ํšจ๊ณผ์ ์ธ ๊ธ€๋กœ๋ฒŒ ์ฝ˜ํ…์ธ  ์ œ์ž‘ ํŒ์ž…๋‹ˆ๋‹ค.

์งˆ๋ฌธ 3: ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ์—์„œ ๋ฒˆ์—ญ ์œ„์ ฏ์ด ํ™”๋ฉด์„ ๊ฐ€๋ฆฌ์ง€ ์•Š๋‚˜์š”?

๋‹ต๋ณ€: ๋ฐ˜์‘ํ˜• CSS ์„ค์ •์„ ํ†ตํ•ด ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์— ๋งž๋Š” ์œ„์น˜๋กœ ์œ„์ ฏ์„ ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ƒ๋‹จ ๋ฐ”์— ๊ณ ์ •ํ•˜๊ฑฐ๋‚˜ ํ–„๋ฒ„๊ฑฐ ๋ฉ”๋‰ด ๋‚ด๋ถ€์— ๋ฒ„ํŠผ์„ ์œ„์น˜์‹œํ‚ค๋ฉด ๋ชจ๋ฐ”์ผ UX๋ฅผ ์ €ํ•ดํ•˜์ง€ ์•Š๊ณ  ๋‹ค๊ตญ์–ด ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


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

์‚ฌ์šฉ์ž ์ค‘์‹ฌ์˜ ๋‹ค๊ตญ์–ด ํ™˜๊ฒฝ ๊ตฌ์ถ•์€ ๋ธ”๋กœ๊ทธ๋ฅผ ์ „ ์„ธ๊ณ„๋กœ ํ™•์žฅํ•˜๋Š” ๊ฐ€์žฅ ๊ฐ•๋ ฅํ•˜๊ณ  ํšจ์œจ์ ์ธ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

Latest in this category

    ์ฟ ํŒกํŒŒํŠธ๋„ˆ์Šค API V2 ๊ธฐ๋ฐ˜์œผ๋กœ ์ตœ์‹ ์ƒํ’ˆ ๋ฐ ์ธ๊ธฐ์ƒํ’ˆ์ด ์ž๋™ ๋…ธ์ถœ๋ฉ๋‹ˆ๋‹ค.

    AI ์ฑ—๋ด‡์œผ๋กœ ๊ด€๋ จ ์ •๋ณด๋ฅผ ๋น ๋ฅด๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฉˆ์ถค
    ๋…ธ๋ž˜ ์žฌ์ƒ ๋ฉˆ์ถค