<footer class="oopy-my-footer">

    
    <div class="oopy-my-footer-mobile-toggle" id="footer-toggle">
        <div class="oopy-my-footer-brand-title" style="margin-bottom:0;">노션인사이드</div>
        <span class="oopy-my-footer-mobile-toggle-button">▼</span>
    </div>

    <div class="oopy-my-footer-container" id="footer-content">
        
        <div class="oopy-my-footer-brand">
            <div class="oopy-my-footer-brand-title">노션인사이드</div>
            <p>Work Smart! </p>
            <p>일상과 업무에 도움되는 생산성 인사이트 허브</p>
          

            <div class="oopy-my-footer-biz-info">
                <p>주식회사 얼라이언스인터넷 | 대표자 : 이정민</p>
                <p>소재지 : 서울특별시 강남구 테헤란로 507, 8층 (Wework)</p>
                <p>사업자 등록번호 : 211-88-53648</p>
                <p>통신판매신고번호 : 2012-서울강남-02246</p>
                <p>개인정보관리책임자 : 이정민 | 호스팅제공자 : (주)우피</p>
                <p>문의 : 02-544-0250</p>
            </div>
        </div>

        
        <div class="oopy-my-footer-links">
            <div class="oopy-my-footer-column">
                <h3>바로가기</h3>
                <ul>
                    <li><a href="https://www.notioninside.com/privacy-policy">개인정보처리방침</a></li>
                    <li><a href="https://www.notioninside.com/terms-of-use">이용약관</a></li>
                    <li><a href="https://maily.so/notioninside" target="_blank" rel="noopener noreferrer">뉴스레터</a></li>
                    <li><a href="https://tinyurl.com/nincollaboinquiry" target="_blank" rel="noopener noreferrer">협업문의</a></li>
                    <li><a href="https://www.notioninside.com/store">스토어</a></li>
                    <li><a href="https://n-inside.notion.site/32af598c4ebe4ca7bb86a6f167a5f945?pvs=143" target="_blank" rel="noopener noreferrer">크루지원</a></li>
                </ul>
            </div>
            <div class="oopy-my-footer-column">
                <h3>소셜</h3>
                <div class="oopy-my-footer-social-links">
                    <a href="https://instagram.com/notioninside.official/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.765.297 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.297-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.148-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.314.935 20.644.523 19.86.22c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.82.896 1.383.164.421.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.056 1.17-.249 1.805-.413 2.227-.217.562-.477.96-.896 1.382-.42.419-.82.679-1.383.896-.421.164-1.057.36-2.227.413-1.266.057-1.646.07-4.85.07s-3.585-.015-4.85-.07c-1.17-.056-1.805-.249-2.227-.413-.562-.217-.96-.477-1.382-.896-.419-.42-.679-.82-.896-1.383-.164-.421-.36-1.057-.413-2.227-.057-1.266-.07-1.646-.07-4.85s.015-3.585.07-4.85c.055-1.17.249-1.805.413-2.227.217-.562.477-.96.896-1.382.42-.419.82-.679 1.383-.896.421-.164 1.057-.36 2.227-.413C8.415 2.172 8.797 2.16 12 2.16zm0 5.48c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5zm0 7.16c-1.468 0-2.66-1.192-2.66-2.66s1.192-2.66 2.66-2.66 2.66 1.192 2.66 2.66-1.192 2.66-2.66 2.66zm6.336-7.74c-.777 0-1.405-.628-1.405-1.405s.628-1.405 1.405-1.405 1.405.628 1.405 1.405-.628 1.405-1.405 1.405z"/></svg>
                    </a>
                    <a href="https://maily.so/notioninside" target="_blank" rel="noopener noreferrer" aria-label="Maily">
                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="oopy-my-footer-copyright">
        <p>Copyright 2026. 노션인사이드 all rights reserved</p>
        <a href="mailto:notioninside.official@gmail.com">notioninside.official@gmail.com</a>
    </div>
</footer>

<script>
    const footerToggle = document.getElementById('footer-toggle');
    const footerContent = document.getElementById('footer-content');

    if (footerToggle && footerContent) {
        footerToggle.addEventListener('click', () => {
            footerContent.classList.toggle('is-open');
            footerToggle.classList.toggle('is-open');
        });

        function checkFooterView() {
            if (window.innerWidth > 768) {
                footerContent.classList.add('is-open');
                footerToggle.classList.remove('is-open');
            } else {
                footerContent.classList.remove('is-open');
                footerToggle.classList.remove('is-open');
            }
        }

        checkFooterView();
        window.addEventListener('resize', checkFooterView);
    }
</script>

<script>
    const footerToggle = document.getElementById('footer-toggle');
    const footerContent = document.getElementById('footer-content');

    if (footerToggle && footerContent) {
        footerToggle.addEventListener('click', () => {
            footerContent.classList.toggle('is-open');
            footerToggle.classList.toggle('is-open');
        });

        function checkFooterView() {
            if (window.innerWidth > 768) {
                footerContent.classList.add('is-open');
                footerToggle.classList.remove('is-open');
            } else {
                footerContent.classList.remove('is-open');
                footerToggle.classList.remove('is-open');
            }
        }

        checkFooterView();
        window.addEventListener('resize', checkFooterView);
    }
</script>

<script>
(function(){
  if (window.__ninScrollDepth) return; window.__ninScrollDepth = true;
  window.dataLayer = window.dataLayer || [];
  function g(){ if (typeof window.gtag === 'function') { window.gtag.apply(window, arguments); } else { window.dataLayer.push(arguments); } }
  var TH = [25, 50, 75, 90, 100], sent = {}, lastHref = location.href;
  function pct(el){
    var st, sh, ch;
    if (!el || el === document || el === document.documentElement || el === document.body) {
      var d = document.scrollingElement || document.documentElement;
      st = d.scrollTop; sh = d.scrollHeight; ch = window.innerHeight;
    } else {
      if (el.clientHeight < window.innerHeight * 0.5) return -1; // ignore small inner scrollers (code blocks, tables)
      st = el.scrollTop; sh = el.scrollHeight; ch = el.clientHeight;
    }
    if (sh <= 0) return -1;
    return Math.min(100, Math.round((st + ch) / sh * 100));
  }
  function onScroll(e){
    if (location.href !== lastHref) { sent = {}; lastHref = location.href; }
    var p = pct(e.target);
    if (p < 0) return;
    for (var i = 0; i < TH.length; i++) {
      var t = TH[i];
      if (p >= t && !sent[t]) { sent[t] = true; g('event', 'scroll', { percent_scrolled: t, page_location: location.href, page_title: document.title }); }
    }
  }
  var timer = null;
  document.addEventListener('scroll', function(e){ if (timer) return; timer = setTimeout(function(){ timer = null; onScroll(e); }, 200); }, { capture: true, passive: true });
})();
</script>

www.notioninside.com

notion-icon-013

ng-party

[실습 자료] 01_페이지 이해하기