■ 背景

• セレクトメニュー（例：距離順）を変更した際に、useEffectが発火し 毎回データが再取得される問題 が発生

거리셀렉트를바꿀때 유즈이펙트로인해 무한초기화.mp4

• 原因は、useEffectの依存配列に coords が入っており、セレクト変更でも再発火していたこと

■ 解決策

• データ取得の useEffect をリファクタリングし、依存配列を空にすることで初回のみ実行されるように変更

■ 改善された点

• 距離の選択や他の条件を変えても データが初期化されず、柔軟にUIが更新されるようになった
• 無駄なリクエストを減らし、パフォーマンスが向上

■ 感想

初めてこの問題に直面したとき、「もしかしてこれが原因かな？」とすぐに気づけたのが少し嬉しかった。 少しずつ分かることが増えている実感もあって、自信につながった。 でも、こうしたシンプルなミスほど早く気づけるようになりたいとも感じた。