pangkyu / parking

주차장 실시간 정보를 확인할 수 있는 사이트

Parking

주차장 실시간 정보를 확인할 수 있는 사이트

---

1. 실행방법

1. git pull https://github.com/pangkyu/Parking.git
2. yarn install
3. yarn run dev

parking's Issues

Bugs : vercel 배포 시, API GET 에러

로컬에서는 정상적으로 데이터 받아와짐.
VERCEL환경에서 배포 시 데이터 GET시 에러

이유 :

• Mixed Content 이슈
• https페이지에서 http 리소스를 요청할 수 없음.
• API를 받아오는 사이 서울 열린 데이터광장에서 https 형식을 지원하지 않음.

해결 방안

1. 요청 프로토콜 업그레이드하기
2. 프록시 서버를 만들어 우회하거나 백엔드 서버를 만들어 http로 요청을 받은 후 클라이언트에 https 방식으로 보내기

개선 사항 : 지속적인 API를 받아오는 과정을 개선하기

개선 사항

https://parking-good.vercel.app/parking 페이지 진입 시 최초 API를 받아옴

새로 고침 시, 같은 데이터를 보여주는 데도 api를 다시 받아옴

똑같은 데이터를 출력하는데, 계속 api를 새로 받아오면 리소스적으로도 낭비가 되고 시간적으로도 UX에 좋지 않다고 생각하여 메모이제이션과 전역 상태관리를 사용하여 개선 예정

Bugs : 디테일 페이지 진입 시 get 데이터 버그

  <tr
            key={item.PARKING_CODE}
            className="h-[40px] cursor-pointer"
            onClick={() => handleRouting(item.PARKING_CODE)}
   >

클릭 이벤트로 클릭된 아이템의 파킹코드를 넘기고 해당 코드로 라우팅과 데이터를 가져오는 방법으로 접근했으나,
파킹코드와 별개로 데이터가 관리되므로 다른 방법으로 서칭할 방법이 필요함

---

가장 첫 번째 데이터에 접근하는 xml 데이터.
파킹코드로 검색불가함.