notion api

notion api에서 block으로 가져온 데이터를 가져오고 보니 block으로 객체형태로 오면서type이나 color나 나뉘어서 와서 그걸 보고 색깔도 똑같이 할 수 있겠다 싶어서 따로 utils 파일로 빼서 작업을 해봤다 1. 컬러 매핑 함수`color-maaping.ts`// 색상 매핑 객체const colorMap: { [key: string]: string } = { red: 'bg-custom-red dark:bg-custom-red-dark', orange: 'bg-custom-orange dark:bg-custom-orange-dark', // 원하는 부분 여기에 계속해서 추가};// 클래스 네임 설정 함수export const getBgColorClassName = (color: ..

notion api에서 block으로 가져온 데이터를 가져오고 보니 block으로 객체형태로 오면서기간이 date로 오면서 해당 부분을 원하는 모양으로 custom하고 싶어서 해당 작업을했다.  `period-maaping.ts`export const calculatedPeriod = (start: string, end: string): string => { const startDateStringArray = start.split('-'); const endDateStringArray = end.split('-'); var startDate = new Date( Number(startDateStringArray[0]), Number(startDateStringArray[1]) - 1, /..

예전부터 포트폴리오를 한 번 만들어보자 했었는데, 항상 미루기만 하고 작업하기가 쉽지가 않았다.그런데 이번에 nextjs를 공부하면서 nextjs로 만들면 좋겠다란 생각을 했다.그치만 역시 문제는 나중에 파일을 추가할 때마다 새로해야하나.. 라는 귀찮음? 이 들었다.그러던 와중 좋은 영상을 보게 됐다.바로 `notion api`를 통해서 나의 notion에 등록만해도 바로 등록되는 형식이었다!딱 내가 원하는 형태!!!시작하기먼저 참고한 영상 링크는 여기다.Next.js 나만의 포트폴리오 사이트 만들기 (개발하는 김에 배포까지) / LottieFiles, Notion Api, TailwindCSS (youtube.com) 앞에서 나오는 설명은 대부분 넥스트JS로 설치 방법이라 모르는 부분은 영상은 참고하면..