<footer class="oopy-my-footer">
    <div class="oopy-my-footer-container">
      
      <div class="oopy-my-footer-column">
        <img class="footer-logo" src="https://i.postimg.cc/QdRNM9PZ/logo-bottom.png" alt="i-neuro logo" />
        
      </div>

      
      <div class="oopy-my-footer-column info-col">
        <h2>Contact</h2>
        <p><strong>Call</strong> | 044-860-1422</p>
        <p><strong>Address</strong> | 세종특별자치시 세종로 2511 과학기술1관 209호</p>
        <p><strong>Mail</strong> | <a href="mailto:hwanghj@korea.ac.kr">hwanghj@korea.ac.kr</a></p>
      </div>
    </div>

    <div class="oopy-my-footer-copyright">
      Copyright©2016 AIN Lab.(Artificial Intelligence & Neurointelligence Laboratory).
      All rights reserved.
    </div>
  </footer>


<div id="google_translate_element" style="display:none"></div>
<script>
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({
      pageLanguage: 'ko',
      includedLanguages: 'en,ko'
    }, 'google_translate_element');
  }
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


<div class="lang-btn" id="langBtn" aria-label="Toggle language">EN</div>

<script>
  /* ========== 배너 재주입 방지(유지) ========== */
  (function killGoogleBanner(){
    function nuke(){
      var b = document.querySelector('.goog-te-banner-frame');
      if (b && b.parentNode) b.parentNode.removeChild(b);
      document.documentElement.style.top = '0px';
      document.body.style.top = '0px';
    }
    const mo = new MutationObserver(nuke);
    mo.observe(document.documentElement, { childList:true, subtree:true, attributes:true });
    nuke(); setTimeout(nuke,100); setTimeout(nuke,500); setTimeout(nuke,1500);
  })();

  /* ========== 유틸 ========== */
  function getCookie(name){
    const m = document.cookie.match(new RegExp('(?:^|; )'+name+'=([^;]*)'));
    return m ? decodeURIComponent(m[1]) : null;
  }
  function setCookie(name, value){
    // ⚠️ 도메인 지정 없이, 현재 호스트에만 저장 (ac.kr 같은 퍼블릭 서픽스 안전)
    document.cookie = name+'='+encodeURIComponent(value)+'; path=/; max-age='+(60*60*24*30);
  }
  function clearTranslateCookie(){
    // 현재 호스트 기준으로만 삭제
    document.cookie = 'googtrans=; Max-Age=0; path=/';
    document.cookie = 'googtrans/=; Max-Age=0; path=/';
  }

  // 현재 상태: 쿠키 기준으로 /en 끝나면 영어
  function currentLang(){
    const c = getCookie('googtrans');
    if (!c) return 'ko';
    return /\/en$/.test(c) ? 'en' : 'ko';
  }

  // 번역 위젯 select가 준비될 때까지 대기
  function waitForCombo(timeoutMs = 4000){
    return new Promise((resolve, reject)=>{
      const t0 = Date.now();
      (function poll(){
        const sel = document.querySelector('.goog-te-combo');
        if (sel) return resolve(sel);
        if (Date.now() - t0 > timeoutMs) return reject(new Error('combo timeout'));
        requestAnimationFrame(poll);
      })();
    });
  }

  // EN 적용: select 값을 'en'으로 바꾸고 change 이벤트 발생 (리로드 없이 즉시 번역)
  async function translateToEN(){
    try{
      const sel = await waitForCombo();
      sel.value = 'en';
      sel.dispatchEvent(new Event('change'));
      setCookie('googtrans','/ko/en');           // 기억용(선호/새로고침 시 유지)
      localStorage.setItem('site_lang','en');
    }catch(e){
      // 폴백: 쿠키 세팅 후 약간 지연 뒤 리로드
      setCookie('googtrans','/ko/en');
      localStorage.setItem('site_lang','en');
      setTimeout(()=>location.reload(), 700);
    }
  }

  // KO 복귀: 쿠키 지우고 리로드 (원문 복귀는 select만으론 완전 복구가 어려워서)
  function translateToKO(){
    localStorage.setItem('site_lang','ko');
    clearTranslateCookie();
    setTimeout(()=>location.reload(), 50);
  }

  // 버튼 라벨 동기화 (전환될 언어 표시)
  function syncBtn(){
    const btn = document.getElementById('langBtn');
    const lang = currentLang();
    btn.textContent = (lang === 'en') ? 'KO' : 'EN';
    btn.removeAttribute('disabled');
  }

  // 클릭 시 토글
  document.getElementById('langBtn').addEventListener('click', async ()=>{
    const btn = document.getElementById('langBtn');
    btn.setAttribute('disabled','true');

    const lang = currentLang();
    if (lang === 'en') {
      translateToKO();
    } else {
      await translateToEN();
    }

    // EN은 리로드 없이 바뀌므로 라벨만 즉시 동기화 시도
    setTimeout(syncBtn, 800);
  });

  // 초기 라벨 세팅
  syncBtn();

  // 자동 적용: 세션당 1회, "쿠키가 없고 선호가 en"인 경우만
  (function autoApplyOnce(){
    const KEY = 'gt_pref_applied_session';
    if (sessionStorage.getItem(KEY)) return;
    sessionStorage.setItem(KEY, '1');

    const pref = localStorage.getItem('site_lang');   // 'en' | 'ko' | null
    const hasCookie = !!getCookie('googtrans');
    if (!hasCookie && pref === 'en') {
      // 위젯 준비 후 EN으로 전환
      translateToEN();
    }
  })();
</script>

ain.korea.ac.kr

게시날짜

Related Project

(강연) JS LINK 신은순 이사님 특강