Next.js로 포트폴리오 만들기

Adding notion database table

DB Table

notion에 /data를 입력하여 database table을 만들고, 속성과 튜플을 추가해준다.

Create Notion API

Notion API Hompage

노션 개발자 페이지에서 아래와 같이 새로운 API를 만들어준다.

image

Connection

해당 노션 페이지와 API를 연결시켜준다.

image

전체 페이지로 열기

데이터베이스를 전체 페이지로 열어서 url을 확인한다.

여기서 URL은 토큰이된다.

이런 URL이 있으면,

https://www.notion.so/invented-felidae-14b/2f8e51b3c14b43c9adef4f52c78d5787?v=080538668b004ad9bc5b40f3867a5b4d

2f~787까지 총 32자가 토큰이다.

image

포스트맨을 통해 API 호출해보기

나는 포스트맨을 VSCode의 Thunder Client를 따로 다운받아 사용한다.

https://developers.notion.com/reference/retrieve-a-database

이 안내 페이지를 통해 GET URL이 ` https://api.notion.com/v1/databases/{database_id}` 라는 것을 알 수 있으며

여기에 있는 database_id에 아까 위에서 알게된 토큰 값을 넣어주면 된다.

  • 추가로 헤더에 버전 정보를 담고

image

  • auth에 시크릿 키를 넣어주면 image image

state가 200으로 데이터를 잘 받아오는 것을 확인해 볼 수 있다.

image