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



<script>
// Polyfills (IE 9+ 지원)
if (!Element.prototype.matches) {
    Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
}
if (!Element.prototype.closest) {
    Element.prototype.closest = function(s) {
        var el = this;
        do {
            if (Element.prototype.matches.call(el, s)) return el;
            el = el.parentElement || el.parentNode;
        } while (el !== null && el.nodeType === 1);
        return null;
    };
}
<script>
!function(){if(!Element.prototype.matches){Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector}if(!Element.prototype.closest){Element.prototype.closest=function(s){var el=this;do{if(Element.prototype.matches.call(el,s))return el;el=el.parentElement||el.parentNode}while(el!==null&&el.nodeType===1);return null}}function initializeDragScroll(pdfToggleBlock){if(pdfToggleBlock.getAttribute('data-pdf-drag-initialized')){return}var pdfContainer=pdfToggleBlock.querySelector('.notion-scroller.vertical.horizontal');if(!pdfContainer)return;var isDragging=!1,startX,scrollLeftStart;pdfContainer.addEventListener('mousedown',function(e){if(e.button!==0)return;if(window.innerWidth<=768)return;isDragging=!0;startX=e.pageX-pdfContainer.offsetLeft;scrollLeftStart=pdfContainer.scrollLeft;pdfContainer.className+=' is-dragging'});pdfContainer.addEventListener('mouseleave',function(){if(!isDragging)return;isDragging=!1;pdfContainer.className=pdfContainer.className.replace(' is-dragging','')});pdfContainer.addEventListener('mouseup',function(e){if(e.button!==0)return;if(!isDragging)return;isDragging=!1;pdfContainer.className=pdfContainer.className.replace(' is-dragging','')});pdfContainer.addEventListener('mousemove',function(e){if(!isDragging)return;e.preventDefault();var currentX=e.pageX-pdfContainer.offsetLeft;var walk=(currentX-startX)*1.5;pdfContainer.scrollLeft=scrollLeftStart-walk});pdfToggleBlock.setAttribute('data-pdf-drag-initialized','true');console.log('PDF 드래그 스크롤 초기화 완료:',pdfToggleBlock.getAttribute('data-block-id'))}function runInitializationCheck(){var pdfToggles=document.querySelectorAll('.notion-toggle-block');for(var i=0;i<pdfToggles.length;i++){var toggle=pdfToggles[i];if(toggle.querySelector('.notion-scroller .react-pdf__Document')&&!toggle.getAttribute('data-pdf-drag-initialized')){console.log('드래그 초기화 대상 발견:',toggle.getAttribute('data-block-id'));initializeDragScroll(toggle)}}}var checkInterval=null;function startChecking(){runInitializationCheck();if(!checkInterval){checkInterval=setInterval(runInitializationCheck,2000);console.log('PDF 드래그 초기화 감시 시작 (2초 간격)')}}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',function(){setTimeout(startChecking,500)})}else{setTimeout(startChecking,500)}}();
</script>

 <script>   
// 모바일에서만 작동하는 저자 팝업 스크립트 (ES5 호환)
(function() {
    // 팝업 스타일을 페이지에 추가
    function addPopupStyles() {
        if (document.getElementById('author-popup-styles')) return;
        
        var style = document.createElement('style');
        style.id = 'author-popup-styles';
        style.textContent = 
            '.author-popup-overlay {' +
            '    position: fixed !important;' +
            '    top: 0 !important;' +
            '    left: 0 !important;' +
            '    width: 100% !important;' +
            '    height: 100% !important;' +
            '    background: rgba(0, 0, 0, 0.5) !important;' +
            '    display: flex !important;' +
            '    justify-content: center !important;' +
            '    align-items: center !important;' +
            '    z-index: 9999 !important;' +
            '}' +
            '.author-popup-content {' +
            '    background: white !important;' +
            '    padding: 20px !important;' +
            '    border-radius: 10px !important;' +
            '    text-align: center !important;' +
            '    max-width: 80% !important;' +
            '    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;' +
            '    position: relative !important;' +
            '}' +
            '.author-popup-close {' +
            '    position: absolute !important;' +
            '    top: 10px !important;' +
            '    right: 10px !important;' +
            '    cursor: pointer !important;' +
            '    font-size: 20px !important;' +
            '    font-weight: bold !important;' +
            '    color: black !important;' +
            '    line-height: 1 !important;' +
            '}' +
            '.author-popup-text {' +
            '    color: black !important;' +
            '    margin: 0 !important;' +
            '    padding: 0 !important;' +
            '    font-size: 16px !important;' +
            '}';
        document.head.appendChild(style);
    }
    
    // 팝업 표시 함수
    function showPopup(content) {
        // 기존 팝업 제거
        var existingPopup = document.querySelector('.author-popup-overlay');
        if (existingPopup) {
            existingPopup.parentNode.removeChild(existingPopup);
        }
        
        // 팝업 요소 생성
        var popupOverlay = document.createElement('div');
        popupOverlay.className = 'author-popup-overlay';
        
        var popupContent = document.createElement('div');
        popupContent.className = 'author-popup-content';
        
        var closeButton = document.createElement('span');
        closeButton.className = 'author-popup-close';
        closeButton.innerHTML = '&times;';
        
        var popupText = document.createElement('p');
        popupText.className = 'author-popup-text';
        popupText.textContent = content;
        
        // 닫기 버튼 이벤트
        closeButton.onclick = function() {
            document.body.removeChild(popupOverlay);
        };
        
        // 오버레이 클릭 시 닫기
        popupOverlay.onclick = function(event) {
            if (event.target === popupOverlay) {
                document.body.removeChild(popupOverlay);
            }
        };
        
        // 요소 조립
        popupContent.appendChild(closeButton);
        popupContent.appendChild(popupText);
        popupOverlay.appendChild(popupContent);
        document.body.appendChild(popupOverlay);
    }
    
    // 주기적으로 DOM을 검사하고 이벤트를 바인딩하는 함수
    function bindAuthorEvents() {
        // 모바일 디바이스 체크
        if (window.innerWidth > 768) return;
        
        // 노션 컬렉션 아이템 내의 모든 잠재적 저자 칼럼 찾기
        var items = document.querySelectorAll('.notion-collection-item');
        
        for (var i = 0; i < items.length; i++) {
            var item = items[i];
            var children = item.children;
            
            // 두 번째 div가 저자 컬럼 (인덱스 1)
            if (children.length >= 2) {
                var authorColumn = children[1];
                var organizationColumn = children.length >= 3 ? children[2] : null;
                
                // 이미 이벤트가 바인딩되었는지 확인
                if (authorColumn && !authorColumn.getAttribute('data-popup-bound')) {
                    // 중복 바인딩 방지를 위한 표시
                    authorColumn.setAttribute('data-popup-bound', 'true');
                    
                    // 저자 칼럼에 클릭 이벤트 추가 (클로저 사용)
                    (function(orgElement) {
                        authorColumn.addEventListener('click', function(e) {
                            e.preventDefault();
                            e.stopPropagation();
                            
                            // 소속 정보 추출
                            var orgText = orgElement ? 
                                orgElement.textContent.trim() : 
                                '소속 정보 없음';
                            
                            // 팝업 표시
                            showPopup(orgText);
                        });
                    })(organizationColumn);
                    
                    // 시각적 표시 (선택 사항)
                    authorColumn.style.cursor = 'pointer';
                }
            }
        }
    }
    
    // MutationObserver 지원 확인 및 설정
    function setupObserver() {
        // MutationObserver가 지원되는 경우
        if (window.MutationObserver) {
            var observer = new MutationObserver(function() {
                bindAuthorEvents();
            });
            
            observer.observe(document.body, {
                childList: true,
                subtree: true
            });
        } 
        // 지원되지 않는 경우 fallback
        else {
            // DOM 변경을 감지하기 위한 대체 메커니즘
            setInterval(bindAuthorEvents, 2000);
        }
    }
    
    // URL 변경 감지 설정
    function setupUrlWatcher() {
        var lastUrl = location.href;
        
        // 주기적으로 URL 확인
        setInterval(function() {
            var currentUrl = location.href;
            if (currentUrl !== lastUrl) {
                lastUrl = currentUrl;
                setTimeout(bindAuthorEvents, 1000);
            }
        }, 1000);
    }
    
    // 초기화 함수
    function init() {
        // 스타일 추가
        addPopupStyles();
        
        // 최초 이벤트 바인딩
        bindAuthorEvents();
        
        // 변경 감지 설정
        setupObserver();
        setupUrlWatcher();
        
        // 주기적 바인딩 (안전장치)
        setInterval(bindAuthorEvents, 3000);
    }
    
    // 페이지 로드 시 초기화
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
})();
   
</script>

《5060을 위한 AI 입문》무료 증정 신청