SNUBUS [트러블 슈팅(6)] - 로딩창 UI "기술적으로" 향상시키기

이번에는 버스 위치를 보여주는 view 페이지에 접속할 때 카카오맵이 보여지기 전에 뜨는 로딩창 UI 문제를 "기술적으로" 해결하고 향상시킨 과정에 대해 정리하려고 한다! 내 좌우명인 "UX, UI를 기술적으로 향상시키는 웹 개발자"라는 것에 걸맞는 과정이었다!

ㅎㅎ 1️ [닥친 문제] - view 페이지에서 로딩창 UI 문제 SNUBUS 서비스에서, Main 페이지에서 버스 위치 정보를 볼 수 있는 view 페이지로 이동하면 카카오맵 지도가 view 페이지에 렌더링되고 현재 자신의 위치와 각 버스의 위치가 마커로 표시된다. 그 옆에는 각 정류장 마다 남은 시간 정보 표시 예정이다.

먼저 모든 코드를 살펴보자. // View5511Bus.js 파일 import React, { useEffect, useState } from "react"; import Map from "../components/Map"; import getDataInterval from "..

/util/getBusP...