[개인프로젝트] ClassicHub

개인프로젝트에서 공연장의 위치 정보를 네이버 지도 api를 통해 받아오기 위하여 pdf 파일에 있는 공연장 코드를 db에 저장하고자 했다. 나는 pdf 데이터를 원하는 형식으로 변환해주는 툴인 tabula 를 사용했다. pdf 에 있는 표 데이터를 csv로 변환한

개인프로젝트에서 특정 공연장의 위치 정보를 지도로 보여주어야 했다. 이를 위해서는 해당 공연장의 위도와 경도 정보를 알아야 했다. 특정 공연 정보를 열 때마다 위도와 경도 정보를 api를 통해 불러오게 되면 불필요한 호출이 빈번하게 발생하게 되는 것이므로, 나는 API 호출 제한이 없는 Supabase DB의 공연장 데이터 테이블에 address, lat...

1. Naver Cloud Console에서 Application 등록 Dynamic Map과 Geocoding(주소를 위도, 경도로 바꾸는 기능)을 선택하고, Web 서비스 URL은 포트번호 및 URI를 제외한 호스트 도메인만을 등록한다. 로컬에서 사용하는 경우에

개인 프로젝트를 진행하던 중, 다음과 같은 에러를 마주했다. 문제가 발생한 컴포넌트는 DetailContainer.tsx , DetailBottom.tsx , PlaceInfo.tsx 이고, 부모 -> 자식 순이다.DetailContainer.tsx 에서 공연 상세 데

폴더 구조와 파일 내용은 다음과 같다.나는 updateRankingData.ts의 파일을 실행하고자 database 폴더로 이동한 후 해당 파일을 실행하였다. 하지만 다음과 같은 에러가 발생했다.supabaseClient.ts 파일에서 .env 파일을 제대로 읽어오지

DB에는 다음과 같이 데이터가 저장되어 있다.DB에서 { \_text: "1234" }를 jsondata 컬럼의 값으로 가지고 있는 row를 출력하고자 다음과 같은 코드를 작성했다.하지만 다음과 같은 에러가 발생했다.원인은 eq() 메서드의 작동 방식에 있었다.위와 같

개인프로젝트에서 공연 상세 이미지로부터 프로그램 정보를 json으로 추출하기 위해, Gemini SDK의 구조화된 출력을 다음과 같이 사용하였다.구조화된 json 출력을 제공받고자 할 때, Google Gemini API의 responseSchema는 nested ob

1. 'supabase' 패키지를 설치하고 login 2. Enter를 누르고, 브라우저 창이 열리면 보이는 번호를 복사 후 로그인 실행 3.Supabase Edge functions를 위한 폴더 생성 다음과 같이 폴더가 생성된다. (함수명: update-data

AnimatePresence는 직계 자식이 DOM에서 사라질 때 exit 애니메이션을 실행하도록 감시하는 컴포넌트이다.AnimatedPresence를 import하고, 애니메이션을 적용하고자 하는 컴포넌트의 직계 부모 컴포넌트로 지정해준다.애니메이션을 적용하고자 하는