[개인프로젝트] 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() 메서드의 작동 방식에 있었다.위와 같

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