프론트 공통 예외 처리 질문

Question

안녕하세용.서버에서 공통 응답 객체를 반환하는 API를 만들고,이 API를 이용하는 fetch 요청을 클라이언트 단에서 하고 있습니다.요청에 대한 예외처리를 해줘야 하는데,지피티한테 물어보니까 try-catch를 함수 호출부와, 함수 내의 API 호출부를 구분해서 쓰라고 하더군여.API 호출 예외와 그냥 예외?를 구분하기 위함인거 같은데실제로도 그렇게 하는 지 궁금합니다.일단 아래는 js로 짠 제 공통 API 호출 함수와, 함수 사용처 예시입니다.// 공통 API 함수 async function fetchWithHandling(url, options = {}) { try { const response = await fetch(url, options); const json = await response.json(); console.log(json) const { code, message, data, errors } = json; return { success: code === 'SUCCESS', message, data, errors: errors ?? [] }; } catch (e) { return { success: false, message: 'API 호출 중 예외가 발생했습니다.', data: null, errors: [ { reason: e.message }] }; } } // 함수 사용처 try { const params = new URLSearchParams({ a: document.querySelector('.a').textContent, b: document.querySelector('.b').textContent }) const result = await fetchWithHandling(`/temp?${params}`, { method: 'GET' }); if (result.success) { const data = result.data document.querySelector('.temp').innerText = data?.[0]?.temp?? '(내용 없음)'; } else { alert(result.message); console.warn('에러 상세:', result.errors); } } catch (e) { console.log('예외가 발생했습니다. ' + e) }

성장하는신입 · Answer

머슴님 질문에 대한 답변은 아니구 어제 메일 드렸어요~ 회신 시간나실 때 부탁드립니다.

프론트 공통 예외 처리 질문

1개의 답변

Q&A 목록