<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LHBF86L"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<script type="text/javascript">
  (function () {
    var userLang = getCookie('lang') || navigator.language || navigator.userLanguage || 'en';
    addSelect('.search-button'); // .search-button 요소 뒤에 select 추가
    setBlogLang(userLang); // 블로그 언어 설정 함수 호출
  })();

  // 쿠키 가져오기
  function getCookie(name) {
    var value = "; " + document.cookie; // 쿠키 값을 가져옴
    var parts = value.split("; " + name + "="); // 쿠키 이름으로 분리
    if (parts.length == 2) return parts.pop().split(";").shift(); // 쿠키 값 반환
  }

  // 쿠키 설정하기
  function setCookie(name, value, days) {
    var expires = "";
    if (days) {
      var date = new Date(); // 현재 날짜 가져오기
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); // 만료 날짜 설정
      expires = "; expires=" + date.toUTCString(); // 만료 날짜를 UTC 문자열로 변환
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/"; // 쿠키 설정
  }

  // .lang-select의 옵션 값을 변경하면 블로그 언어 설정
  function changeLang() {
    var lang = document.querySelector('.lang-select').value; // .lang-select의 옵션 값 가져오기
    setCookie('lang', lang, 365); // 쿠키 설정
    window.location.reload(); // 페이지 새로고침
  }

  // document.querySelector('.search-button') 의 이전 요소로 select 추가
  function addSelect(sel) {

    // English, 日本語, 한국어 옵션이 있는 select 추가
    var add =
      '<div class="lang-select-wrapper">' +
      '<select class="lang-select" onchange="changeLang()">' +
      '<option value="en">🇺🇸 English</option>' +
      '<option value="ja">🇯🇵 日本語</option>' +
      '<option value="ko">🇰🇷 한국어</option>' +
      '</select>' +
      '</div>';

    var el = document.querySelector(sel); // 선택자에 해당하는 요소 찾기
    el.insertAdjacentHTML('beforebegin', add); // 요소 앞에 추가
  }

  // 요소 숨김
  function diNone(selList) {
    selList.forEach(function (sel) {
      var el = document.querySelector(sel); // 선택자에 해당하는 요소 찾기
      if (el) {
        el.style.display = 'none'; // 요소를 숨김
      }
    });
  }

  // 블로그 언어 설정
  function setBlogLang(lang) {
    var enDB = [
      // articles
      '[data-block-id="105f2203-6cb6-4012-9817-153e7cd3bc80"]',

      // introduction
      '[data-block-id="d6b4fac5-57df-4266-a764-4f73f9e37546"]',
      '[data-block-id="aef3a812-23aa-4c39-85d1-c197aabcf0a5"]',
      '[data-block-id="71f0cd5a-c449-427d-947c-83138ba5d2d9"]',
      '[data-block-id="deccebfa-b5cf-4b17-b645-9e95e1917d5a"]',
    ];
    var jaDB = [
      // articles
      '[data-block-id="7956158c-3858-47e2-ab6f-f3d7a399b4f5"]',

      // introduction
      '[data-block-id="fae7e433-fdb3-40f8-a1cc-47afa598f50f"]',
      '[data-block-id="aad09c61-4d58-464e-bc3c-4f7af7ae45e6"]',
      '[data-block-id="69a8744d-6bbe-4ec1-b20d-4dfa5bd00a0b"]',
      '[data-block-id="33d6b667-049d-413b-9465-1d27945a2439"]',
    ];
    var koDB = [
      // articles
      '[data-block-id="d1f17a0e-c18a-42e6-8f5e-2146ba33c077"]',

      // introduction
      '[data-block-id="108d3e3a-b224-4539-911c-cb25b82e5797"]',
      '[data-block-id="3f94cbb5-be27-4fd6-bf5f-299085dea8ea"]',
      '[data-block-id="8ab368a6-24b0-4a65-8662-9277b7313edf"]',
      '[data-block-id="265f4f5c-f7b7-40c3-9a97-2ecb8a1fb878"]',
    ];

    if (lang.includes('ko')) {
      setCookie('lang', 'ko', 365); // 한국어 쿠키 설정
      diNone(enDB); // 영어 요소 숨김
      diNone(jaDB); // 일본어 요소 숨김
    } else if (lang.includes('ja')) {
      setCookie('lang', 'ja', 365); // 일본어 쿠키 설정
      diNone(enDB); // 영어 요소 숨김
      diNone(koDB); // 한국어 요소 숨김
    } else {
      setCookie('lang', 'en', 365); // 영어 쿠키 설정
      diNone(jaDB); // 일본어 요소 숨김
      diNone(koDB); // 한국어 요소 숨김
    }

    document.querySelector('.lang-select').value = lang; // .lang-select의 옵션 값 설정
  }
</script>

Portfolio

My Projects

Works