트러블 슈팅 정리 (MBTI)

Troubleshooting & Lessons Learned

---

문제: 잘못된 API URL 입력과 경로 입력 오류

• 원인:
  • Glitch가 필요로 하는 서버를 위한 깃허브 주소를 제공하지 않고, 잘못된 깃허브 url을 입력함.
  •  testResults 엔드포인트 경로를 제대로 확인하지 못해 API 호출 실패.
• 해결 과정:
  1. Glitch 프로젝트에서 Live URL 확인 (Share → Live Site).
  2. axios의 baseURL을 올바른 Glitch URL로 수정.
  3. 올바른 URL로 변경 후 정상 작동 확인.
• 느낀점: API URL은 반드시 정확히 확인해야 하며, Glitch나 외부 서비스를 사용할 때는 제공된 URL을 꼼꼼히 검토해야된다.

---

 

문제: 리펙토링 과정에서의 문제

• 원인: 문제가 주어진대로 단계 단계씩 진행하면서 상태관리를 해야할 다른 요소들과의 관계성이나 이미 구현된 속성들을 정리하고 재사용하기 위해 리펙토링 하는 과정에서 시간을 너무 많이 소비함.
• 해결한 부분/앞으로 해야할 부분:
  1. 우선 props-drilling으로 코드를 짜놓고 마지막에 zustand와 tanstack query를 사용해서 바꿔나감
  2. 하지만, 시간이 촉박해서 아직 store 폴더 안에 파일과 api 파일들이 그 폴더 명에 맞게 확실하게 구분되는 느낌이 아니라서 조금 아쉽다. 또한, 몇몇 page 안에 있는 컴포넌트 요소들을 위해 쓰인 로직들이 커스텀훅으로 충분히 정리될 것 같은데, 그 부분을 가공하지 못해 아쉽다.
• 느낀점: 조금 더 넉넉한 시간이 있었더라면 예기치 못한 곳에서 오류가 생겼을 때 시간적 여유를 두고 해결할 수 있고, 더욱 나은 방향으로 코드를 수정할 수 있었을텐데, 이번엔 프로젝트를 조금 늦게 시작하게되어서 많이 아쉬웠다. 리펙토링 하는 시간을 늘 염두해두고, 시간 배분을 잘해야겠다.

---