맛집 지도를 구현할 때에 카카오 지도 API를 이용합니다. 이때에 완성된 코드를 그대로 따라치는 것이 아니라 공식 문서에 어떤 부분을 이용하는 지 같이 살펴본다는 점이 좋았다. 카카오 map을 이용할 때에는 Script를 이용해 불러오기 때문에 대부분 컴포넌트 형식으로 외부 모듈을 불러오는 react/ next 프레임워크의 방식과 다소 차이가 있어 이후에도 참조해야 할듯 하다.
nextjs는 프론트엔드 뿐만 아니라 백엔드 기능도 담당하므로 데이터 베이스 작업을 담당하는 ORM도 사용하게 된다. 그중 Prisma ORM은 사용법 간편한 편이기 때문에 자주 사용된다. 개인적으로 Prisma를 사용할 때에 Prisma Studio를 사용해 현재 데이터를 보기가 편하다는 이점이 있다.
Prisma 구현 과정
root 폴더에 prisma 폴더 생성
schema.prisma 파일에 사용하고자 하는 테이블 스키마 작성
seed.ts에 기본 데이터 추가 과정 작성
Prisma studio, npx prisma studio 명령어를 입력하면 데이터 간편히 조회할 수 있다.
