포트폴리오 페이지 생성 및 배포 (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를 입력합니다.


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