클린코드 - 에러처리 방법

Posted by Daehan Kang on 2023-09-05
error

1. try ~ catch문 사용

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function someFunc(){
try {
//예외가 예상되는 코드 혹은 발생시킬 코드 작성
} catch(error) {
/*
1. 개발자를 위한 예외처리
2. 사용자를 위한 예외처리
3. 사용자에게 사용을 제안하는 처리
4. 에러 로그 수집 (센트리 등)
*/

//1. 개발자를 위한 예외처리
console.wran(error);
console.error(error);

//2. 사용자를 위한 예외처리
alert('404, not found');
alert('잠시만 기다려주세요.');

//3. 사용자에게 사용을 제안하는 처리
history.back();
history.go();
clear();
element.focus(); // -> 다른 곳으로 포커스 이동 시키기

//4. 에러 로그 수집
sentry.sumbit(); // -> sentry로 로그 전송 하는 등...

} finally {

}
}

2.사용자에게 알려주는 에러 처리 방법

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function someFunc(){
try {
//예외가 예상되는 코드 혹은 발생시킬 코드 작성
} catch(error) {
/*
1. 개발자를 위한 예외처리
2. 사용자를 위한 예외처리
3. 사용자에게 사용을 제안하는 처리
4. 에러 로그 수집 (센트리 등)
*/

//1. 개발자를 위한 예외처리
console.wran(error);
console.error(error);

//2. 사용자를 위한 예외처리
alert('404, not found');
alert('잠시만 기다려주세요.');

//3. 사용자에게 사용을 제안하는 처리
history.back();
history.go();
clear();
element.focus(); // -> 다른 곳으로 포커스 이동 시키기

//4. 에러 로그 수집
sentry.sumbit(); // -> sentry로 로그 전송 하는 등...

} finally {

}
}