<div>
</div>
<script>
  var addPos = document.querySelector(".notion-page-content");
  
  async function addRecentPostBlock() {
    async function fetchData() {
      const response = await fetch("https://heyinsa.kr/posts",
      {
        method: 'GET',
      });

      const result = await response.text();
      const result_json = JSON.parse(result);
			return result_json;
    }

		const posts = await fetchData();
    var divElement = document.createElement('div');
    divElement.classList.add('postblock');
		
    for (var i = 0 ; i < posts.length ; ++i) {
      const title = posts[i].properties['제목']['title'][0]['plain_text'];
      const author = posts[i].properties['rich_text']['formula']['string'];
      const cover = "https://cdn.pixabay.com/photo/2016/03/20/19/22/towards-the-garden-1269304_1280.jpg";
      const url = 'https://80000coding.oopy.io/' + posts[i].id;
      console.log(url);
      var aElement = document.createElement('a');

      var titleElement = document.createElement('div');
      titleElement.classList.add('postblock-box-title');

      var titleTitleElement = document.createElement('span');
      titleTitleElement.classList.add('postblock-box-title-title');
      titleTitleElement.classList.add('theme-text');
      titleTitleElement.innerHTML = title;

      var titleAuthorElement = document.createElement('span');
      titleAuthorElement.classList.add('postblock-box-title-author');
      titleAuthorElement.innerHTML = "by " + author;

      titleElement.append(titleTitleElement);
      titleElement.append(titleAuthorElement);

      var contentElement = document.createElement('div');
      contentElement.classList.add('postblock-box-content');
      contentElement.style.backgroundImage = "url(\'" + cover + "\')";

      aElement.classList.add('postblock-box');
      aElement.href = url;
      aElement.append(contentElement);
      aElement.append(titleElement);

      divElement.append(aElement);
    }
    var dividerElement = document.createElement('span');
    dividerElement.classList.add('postblock-divider');
    dividerElement.classList.add('theme-text');
    dividerElement.innerHTML = "최근 게시글";

    addPos.append(dividerElement);
    addPos.append(divElement);
  } // end of addRecentPostBlock
    
  function addCommentBlock() {
    function setAttributes(el, attrs) {
      for (var key in attrs) {
        el.setAttribute(key, attrs[key]);
      }
    } // end of setAttributes
		var script = document.createElement('script');
    const theme = "github-" + document.body.className;
    console.log("??", document.body.className);
    setAttributes(script, {
      "src": "https://utteranc.es/client.js",
      "repo": "rkskekzzz/80000coding_comment",
      "issue-term": "url",
      "label": "comment",
      "theme": theme,
      "crossorigin": "anonymous",
      "async": "async"
    });
    addPos.append(script);    
  } // end of addCommentBlock
  
  async function addHeartButton() {
    const data = { host : window.location.href };
    const response = await fetch("https://heyinsa.kr/heart" , {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify(data)
    });
    const result = await response.text();
    const result_json = JSON.parse(result);
		const number = result_json.number;
    const buttonPos = document.querySelector(".top-button");
    const floatIconBorder = document.createElement('div');
    floatIconBorder.classList.add('floatIconBorder');
    
    const floatIcon = document.createElement('div');
    floatIcon.classList.add('flaticon');
		floatIcon.addEventListener("click", async () => {
      if (floatIcon.classList.contains("liked")) {
        floatIcon.classList.remove("liked");
        data['value'] = number;
      } else {
        floatIcon.classList.add("liked");
        data['value'] = number + 1;
      }
      await fetch("https://heyinsa.kr/heart" , {
        method: 'PATCH',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(data)
      });
    });
    buttonPos.parentNode.append(floatIconBorder);
   	buttonPos.parentNode.append(floatIcon);

  }
  
	window.onload = function(){
    if (window.location.href !== "https://80000coding.oopy.io/") { 
    	addCommentBlock();
    	addRecentPostBlock(); // 댓글 -> 최신게시글 순서 중요!!
      addHeartButton();
  	}
	}
 
</script>


80000coding.oopy.io

이름

nj_blog

속성 1

팔만코딩경 컨트리뷰터 (Library DB (속성)에 관계됨)에 관계됨

temp_cadet

속성

Contributor

temp_cadet_intraID

workflow

생성일_formatted

Level 2

42과제

cadet_formatted

최종 편집일

mentor_강의자

ContributorNotionAccount

진행일 / 강의일

heart

Scrap

rich_text

Thumb

visible

간단소개

주제 / 분류

create_date

제목

todaypost

concat

아이콘

Library DB (Contributor)에 관계됨

Library DB (Contributor)에 관계됨 1

날짜

한 줄 소개

blog

Stack

email

노션계정

구분

github

count

Library DB (속성)에 관계됨

Languages

Computer Science

기본 보기

Framework & Tools

전체보기

쑤 

안세현

Docker