somn45 / mucketlist

React, Typescript, Spotify API를 이용해 좋아하는 장르의 곡을 지속적으로 추적, 몰랐던 명곡을 저장할 수 있는 APP
0 stars 0 forks source link

장르를 불러오는 도중에 504 에러코드 발생 #8

Closed somn45 closed 2 years ago

somn45 commented 2 years ago

7 이슈를 해결하고 있는 도중에 첫 화면에서 장르가 불러와지지 않고 서버에서 504 에러를 발생시키는 현상이 발생합니다. 우선 클라이언트에서 accessToken을 서버에 전달하는 과정까지는 정상인걸로 판단되나 spotifyApi가 accessToken을 set하는 과정부터 장르를 불러오는 메서드인 getAvailableGenreSeeds를 실행하는 과정까지 정상적으로 작동하지 않는 것을 확인했습니다.

문제는 504 에러가 게이트웨이 시간 초과로 인한 에러로써 무엇이 문제인지 정확히 판단이 안된다는 것입니다. 분명 accessToken을 받는 과정은 무한 지속이 아닌 브라우저 시작 후 딱 1번만 실행되며 장르를 불러오는 방법은 한가지 밖에 없기 때문에 알 수 없는 에러가 되었습니다. 어제부터 지속적으로 이 에러가 발생되었는데 spotifyApi 자체의 문제인지 아니면 서버측 문제인지 아직까지는 모르겠습니다.

somn45 commented 2 years ago

일단 504 에러가 발생하는 원인은 Spotify에서 제공하는 모듈 서버의 문제로 잠정 결론을 내렸습니다. 코드에 전혀 수정을 가하지 않는 브런치를 생성해서 관찰해 보았는데 spotify 관련 기능이 잘 작동되다가 몇일동안 작동이 안되고 다시 작동이 되는 경우가 있기 때문입니다. 아직 이슈를 닫지는 않을 것이며 어느 정도 상태를 관찰해서 명확한 원인이 밝혀진다면 다시 comment를 작성하도록 하겠습니다.

somn45 commented 2 years ago

약 한달동안 경과를 지켜본 결과 Spotify api를 통해 이루어지는 대부분의 명령들이 간혈적으로 네트워크 에러를 발생하는 것으로 확인했습니다. 때문에 근본적인 해결은 어려울 것 같아서 에러 핸들링을 통해 명령을 재시도하는 방향으로 가야할 것 같습니다. 혹시라도 코드가 문제인 부분이 있다면 최대한 빠르게 Fix하도록 하겠습니다.