<div id="oopy-sidenav" class="bg-gray-100 overflow-auto rounded-l-lg fixed">
	<div id="oopy-sidenav-content" class="flex">
			<div class="flex flex-col">
            <div class="px-2 bold"> = </div>
      </div>
			
		
		  <div id="oopy-sidenav-root"></div>
	</div>

</div>
<script>
function getHeadersData ( items ){
	const headersClassNames = [
		"notion-header-block",
		"notion-sub_header-block",
		"notion-sub_sub_header-block"
	];
	const headersLevel = {
		"notion-header-block":1,
		"notion-sub_header-block":2,
		"notion-sub_sub_header-block":3
	};
	const headers = [];
	items.forEach(function(item){
		item.className.split(" ").forEach(function(name){
			if (headersClassNames.includes(name)) {
				const data = {
	        "level":headersLevel[name],
	        "text":item.innerText,
	        "block_id": item.attributes["data-block-id"].value
	      }
				headers.push(data);
			}
		})
	}); 
	return headers
}

function getContents(){
	const app = document.getElementsByClassName("notion-page-content");
	const contents = app[0].childNodes
	return contents
}

function createHeader (data) {
	const el = document.createElement("a");
	const defaultClass = "oopy-side-link "
	const textNode = document.createTextNode(data.text);
	el.className = defaultClass + "pl-" + data.level*2;
	el.href = "#" + data.block_id;
	el.appendChild(textNode)
	return el
}

function createSideRootEL () {
	const sideNavEL = document.createElement("div");
	const sideRootClass = "overflow-auto py-3"; // root 클래스 확장시 활용
	sideNavEL.className = sideRootClass;
	sideNavEL.id = "oopy-sidenav-root";
	return sideNavEL
}

function createSideNavEL (headers){
	const root = createSideRootEL();
	headers.forEach(function(data){
		const el = createHeader(data);
		root.appendChild(el);
	}); 
	return root	
}

function replaceSideNav(el){
	const parent = document.getElementById("oopy-sidenav-content");
	const target = document.getElementById("oopy-sidenav-root");
	parent.replaceChild(el,target);
}

function hideSideNav (){
	document.getElementById("oopy-sidenav").className = "hidden"
}



function ready() {
  console.log('DOM이 준비되었습니다!');
	const contents = getContents();
  // console.log(contents);
	const headers = getHeadersData(contents);
  // console.log(headers);

	if (headers.length > 0){
		const	side = createSideNavEL(headers);
		replaceSideNav(side);
	} else {
		hideSideNav();
	}
	
}

if (__OOPY__.yaml && __OOPY__.yaml["side-toc"] == false) {
	hideSideNav();
} else {
	ready();
}
</script>



<script>
var lastScrollTop = 0;
var delta = 5;
var fixBox = document.querySelector('.custom-navbar');
var fixBoxHeight = fixBox.offsetHeight;
var didScroll;
window.onscroll = function(e) {
    didScroll = true;
};

setInterval(function(){
    if(didScroll){
        hasScrolled();
        didScroll = false;
    }
}, 250);

function hasScrolled(){
    var nowScrollTop = window.scrollY;
    if(Math.abs(lastScrollTop - nowScrollTop) <= delta){
        return;
    }
    if(nowScrollTop > lastScrollTop && nowScrollTop > fixBoxHeight){
        //Scroll down
        fixBox.classList.remove('show');
    }else{
        if(nowScrollTop + window.innerHeight < document.body.offsetHeight){
            //Scroll up
            fixBox.classList.add('show');
        }
    }
    lastScrollTop = nowScrollTop;
}
</script>


jeongzero.oopy.io

완독 날짜

독서 횟수

저자

완료

평점

분야

Name

북커버

Manage

Gallery view

실용주의 프로그래머

1장. 실용주의 철학

1. 고양이가 내 소스코드를 삼켰어요

2. 소프트웨어 엔트로피

3. 돌멩이 수프와 삶은 개구리

5. 지식 포트폴리오

6. 소통하라

2. 실용주의 접근법

7. 중복의 해악

8. 직교성

9. 가역성

3. 기본적인 도구

18. 디버깅

4. 실용주의 편집증

22. 죽은 프로그램은 거짓말을 하지 않는다

23. 단정적 프로그래밍

24. 언제 예외를 사용할까

25. 리소스 사용의 균형

6장. 코딩하는 동안 해야 할 일들

33. 리팩터링