포트폴리오 페이지 생성 및 배포 (5-1) Notion API 연결

노션은 작년까지 공부기록용으로 잘 사용하던 서비스였는데 간단한 DB 기능까지 제공하는 줄은 몰랐네요…

아무튼 노션에서 DB를 생성하고 노션 API에 연결하여 제 포트폴리오 사이트와 연결해 보겠습니다.


/database 인라인으로 데이터베이스를 생성합니다.

예제 파일에는 제가 작업하던 팀 프로젝트와 현재 작업 중인 포트폴리오 페이지 제작도 추가되었습니다.

-0- 사실 하루라도 빨리 끝내고 다른 일을 준비해야 하는데 이렇게 시간낭비하는 게 너무 재밌어서 어쩔 수가 없네요.

다음으로 해야 할 일은 Notion API 페이지로 이동하는 것입니다.


이런 식으로 API 통합을 생성하고 비밀 키를 저장하고 기본 설정을 터치해야 합니다.

사실 건드릴게 없습니다.

. 그럼 방금 생성한 Notion API로 Notion에서 생성한 DB를 연결해야 합니다.


제가 참고한 사이트가 버전이 달라서 연결하는 옵션이 다른곳에 있었네요.. 한참을 찾아봤더니.. -0-;; 이렇게 접속한 후에는 Postman을 이용하여 데이터 전송이 제대로 되는지 확인해야 합니다.

이는 Notion API 페이지에도 자세히 설명되어 있습니다.

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

데이터베이스 검색

Notion 페이지와 데이터베이스를 매일 사용하는 도구에 연결하여 강력한 워크플로를 만듭니다.

developer.notion.com


여기서 말하는 database_id가 뭔지 몰라서 한참 헤맸는데 역시나 영어로 검색하니 바로 나오네요.


DB 페이지에서 전체 페이지를 볼 때 나오는 내용입니다.


이 URL notion.so/에서

바로 뒤에 오는 문자열은 Database_id 및 ? v=로 시작하는 것을 view_id라고 합니다.

Postman에서 사용해야 하는 것이 database_id이기 때문에 해당 부분만 긁어서 입력하였다.

그리고 Secret_key는


Authorization 탭에서 Type을 Bearer Token으로 설정하고 My Integrated API에 작성된 Secret key를 스크랩하여 삽입합니다.

이 상태에서 보내기를 누르면 헤더에 버전이 없다는 오류가 뜹니다.


나는 이렇게 넣어

결과


잘 나오는 것을 확인했으니 코드에 환경변수를 입력해야 합니다.

루트 디렉터리에 .env.local 파일을 생성하고 이전에 입력한 Secret key를 Token으로 복사하여 붙여넣고 Notion DB ID를 입력합니다.


너무 길어질 것 같아서 다음 포스팅으로 넘어가겠습니다.