chore : 봉사 api 요청 url 콘솔 추가

봉사 api 요청 url을 콘솔에 출력하여 디버깅 용이성을 높임

- api 요청 url을 로그로 출력하여 요청 경로를 쉽게 확인
- 환경 변수 REACT_APP_BASE_URL 콘솔 추가

Author: seungw0o

src/apis/volunteers/index.ts

@@ -5,22 +5,30 @@ const router = '/volunteers';
 
 // 봉사 활동 신청
 export const applicationVolunteer = async (volunteerId: string) => {
-    await instance.post(`${router}/application/${volunteerId}`);
+    const url = `${router}/application/${volunteerId}`;
+    console.log(`Requesting POST: ${url}`);
+    await instance.post(url);
 }
 
 // 봉사 활동 신청 취소
 export const deleteApplicationVolunteer = async (volunteerId: string) => {
-    await instance.delete(`${router}/cancellation/${volunteerId}`)
+    const url = `${router}/cancellation/${volunteerId}`;
+    console.log(`Requesting DELETE: ${url}`);
+    await instance.delete(url)
 }
 
 // 봉사 활동 조회
 export const getVolunteer = async () => {
-    const {data} = await instance.get<getVolunteerResponse>(`${router}`);
+    const url = `${router}`;
+    console.log(`Requesting GET: ${url}`);
+    const {data} = await instance.get<getVolunteerResponse>(url);
     return data;
 }
 
 // 내 봉사 신청 내역 조회
 export const getMyVolunteers = async () => {
-    const {data} = await instance.get<getMyVolunteersResponse>(`${router}/my/application`)
+    const url = `${router}/my/application`;
+    console.log(`Requesting GET: ${url}`);
+    const {data} = await instance.get<getMyVolunteersResponse>(url)
     return data;
 }

src/index.tsx

@@ -4,6 +4,8 @@ import App from './App';
 import reportWebVitals from './reportWebVitals';
 import { registerSetAuthToken } from './utils/setAuthToken';
 
+console.log('process.env.REACT_APP_BASE_URL:', process.env.REACT_APP_BASE_URL);
+
 registerSetAuthToken();
 
 const root = ReactDOM.createRoot(