9:12 에러 예외처리에 대해서 궁금합니다
297
작성한 질문수 1
try {
if (!this.inputTitle) {
throw new Error("타이틀 제목을 입력해주세요!");
}
const id = this.list.id;
const title = this.inputTitle;
if (title === this.list.title) return (this.isEditTitle = false);
this.UPDATE_LIST({ id, title }).then(_ => (this.isEditTitle = false));
} catch (err) {
alert(err.message);
return;
} finally {
}
현재는 title이 공백일 경우, 변경이 없을 경우 return; 을 이용해서 함수를 종료시키고 있습니다.
여기서 추가적인 예외처리를 통해 사용자에게 오류가 났다는 정보를 전달하고 싶은데, 이렇게 try catch를 이용하면 될까요??
강사님의 경우에는 어떻게 작성하시는지 여쭤보고싶습니다.
답변 1
1
저도 try/catch 문을 사용해서 예외 처리에 많이 사용합니다. "추가적인 예외처리"라고 하면 아마 api 응답 오류일 것 같은데요. UPDATE_LIST() 함수 일 것 같네요. 이 함수는 비동기라서 기대하는 대로 try/catch가 동작하지 않을 수 있습니다.
저는 최근에 try/catch문을 사용할때 async/wait을 사용하는데요, 비동기 예외처리에 적합합니다.
async function onSubmitTitle() {
try {
await UPDATE_LIST()
this.isEditeTitle = false
} catch (err) {
// 예외 처리 (비동기 로직의 오류도 여기서 잡아낼수 있습니다
}
}
아직 강의에서 사용해 보진않았는데 확인해보고 다시 말씀드릴게요.
객체가 함께 반환되는데 왜 그럴까요
1
135
2
babel-core module 에러
0
227
2
watch와 computed
1
246
1
nextTick 관련 질문
0
705
1
a 태그에 href를 빈 값으로 계속 주는 이유
0
767
1
함수에서 _를 사용하셨는데 어떨때 쓰이는 건가요?
0
348
1
watch로 router 감시할 때
0
407
1
보드 아이템 배경색 변경 관련 질문
0
288
1
NavigationDuplicated 에러
0
673
1
vue-router 설치 중 계속해서 오류가 발생합니다.
2
1414
2
로컬 스토리지 관련 질문입니다!
0
469
1
<router-link> 질문
0
310
1
(재질문/Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.
0
285
1
router-link 와 router-view 의 차이를 모르겠습니다!
1
1089
1
왜 index.js를 바로 볼 수 있나요?
0
366
2
리스트 내 카드 이동 오류
1
542
0
보드를 추가했을 때 추가한 보드에 대한 화면 업데이트(?) 갱신(?)에 관한 질문입니다.
0
292
1
(Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.
0
444
1
npm install 시 에러
0
992
2
안녕하세요 리스트 이동 관련 질문이 있습니다.
0
320
2
질문이 있습니다.
0
299
1
마지막 부분에 로그아웃 해서 로그인 화면으로 돌아왔을 때
0
267
1
소스 공유 받을수 있을까요?
0
329
1
setAuthInHeader 했는데 오류가 발생합니다.
0
250
1





