에러를 방지하는 try ~ catch 구문

이주희·2022년 3월 20일
0

JavaScript

목록 보기
3/49
GraphQL `mutation` 사용 시 Backend 컴퓨터에 문제가 발생하거나, 내가 수정하려는 게시물이 삭제된 경우 등 여러가지 실패하는 경우가 있을 수 있다.

그래서 성공에 대한 처리, 실패에 대한 처리를 나눠서 작업을 해줘야 하고 이때 try ~ catch 구문을 이용한다.

try 구문 안에서 실패(에러가 발생)하면 아래 줄이 전부 무시되고 바로 catch 구문을 실행한다.

try ~ catch 구문

try {
		await createBoard({
				variables: {
						aaa: "훈이",
						bbb: "1234",
						ccc: "안녕하세요 훈이에요",
						ddd: "반갑습니다"
				}
		})

} catch(error) {
		alert(error.message)     // 경고창(실패했습니다.)  ==>  백엔드 개발자가 보내주는 실패 메시지
} finally {
	// 성공, 실패 여부와 상관없이 무조건 마지막에 실행되는 부분
	// 필요없다면 생략 가능
}
profile
🍓e-juhee.tistory.com 👈🏻 이사중

0개의 댓글