<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/JhJ9jTHg/ineuro-white.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©2020 i-neuro(Intelligent Neuroengineering 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>

ineuro.korea.ac.kr

게시날짜

Related Project

지능형 신경공학에 대한 이해를 도울 수 있는 자료

1. 연구실에 대한 전반적인 소개

2. 연구실 소개 포스터

3. 황한정 교수님 한국연구재단 신진연구자 인터뷰

4. 연구실 소개 영상

5. 수행 중인 프로젝트 설명

6. 저널 미팅 자료 (지능형 신경공학 연구실 Youtube 채널)

7. 뇌공학/신경공학에 이해를 도울 수 있는 영상 자료

Appendix. 고려대학교 세종캠퍼스 홍보 자료