Portfolio 페이지 만들고 배포하기 (5-1) Notion API 연결하기

Notion은 작년까지만해도 공부 기록용으로 잘 사용하던 서비스였는데 간단한 DB 기능까지 제공하고 있는지는 몰랐다...

하여튼 Notion에다가 DB를 만들고 Notion API와 연결하고 요걸 내 포트폴리오 사이트랑 연계하는 작업을 진행할 것이다.

 

/database inline으로 데이터베이스를 만들어준다. 예시 파일들은 내가 진행했던 팀프로젝트와 현재 진행하고있는 포트폴리오 페이지 제작도 추가했다. -0- 사실 한시라도 빨리 끝내고 다른 작업을 준비해야되는데 요렇게 짜잘하게 시간낭비하는게 너무 재밌어서 어쩔수가 없다. 

 

그 다음에 해야 할 작업으로는 Notion API 페이지에서 

 

요렇게 API 통합을 생성해주고 Secret Key를 저장하고 기본적인 설정을 요것저것 만져야한다. 사실 별로 만질것도 없지만.. 그다음엔 기존 Notion에서 생성했던 DB와 방금 만든 Notion API를 연결시켜 줘야한다.

 

내가 참고한 사이트는 버전이 달라서 연결하는 옵션이 다른곳에 있엇다.. 한참을 찾았음.. -0-;; 이렇게 연결되었으면 Postman을 사용해서 데이터 전송이 잘이루어지는지 확인해봐야한다.

 

요런것도 Notion API 페이지에 상세하게 설명이 되어있다.

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

Retrieve a database

 

여기서 말하는 database_id 가 뭔지 몰라서 한참을 헤멨는데 역시 영어로 검색하니 바로 나왔다.

 

 

요렇게 DB 페이지에서 전체 페이지로 봤을때 나오는 

이 URL 에서 notion.so/ 

바로 뒤에 나오는 문자열이 Database_id 고 ? v= 로 시작하는것이 view_id 라고한다. Postman에서 사용해야될건 database_id 이기 때문에 해당 부분만 긁어서 입력했다.

 

그리고 Secret_key는

Authorization 탭에 Type을 Bearer Token으로 하고 내 통합 API 에 적혀있는 Secret 키를 긁어서 넣어주면 된다.

 

요 상태에서 Send를 누르면 Header에 Version이 없다고 에러가 뜨는데 그것도

 

요렇게 넣어주었다.

 

결과는 

 

 

잘 나오는걸 확인했으니 코드에 환경변수를 입력해야한다고 함.

 

루트 디렉토리에 .env.local 파일을 생성하고 아까 입력한 Secret 키를 Token 으로 복붙해주고  Notion DB 아이디를 입력해준다. 

너무 길어지는것 같아서 다음 포스트에 이어가겠음.