티스토리 뷰
제목에선 웃고 있지만........ 사실 거의 다 쓴 글이 날라갔다 우울하다 임시저장 잘 하자.....★
let youtuber1 = {
channelTitle : "채널십오야",
sub : "593만명",
videoNum : "993개"
}
let youtuber2 = {
channelTitle : "차린건 쥐뿔도 없지만",
sub : "398만명",
videoNum : "50개"
}
let youtuber3 = {
channelTitle : "테오",
sub : "114만명",
videoNum : "1.2천개"
}
3명의 유튜버(객체)를 모셔왔다👏
이 유튜버(객체)들로 API 테스를 해볼 거시다.
app.get('/:nickname', function(req, res){
const {nickname} = req.params
if (nickname == "@15ya_egg") {
res.json(youtuber1)
}else if (nickname == "@youngji_boxmedia") {
res.json(youtuber2)
}else if (nickname == "@TEO_universe"){
res.json(youtuber3)
}
})
if문을 사용해,
닉네임이 @15ya_egg 라면 => 변수 youtuber1 뿌리고,
닉네임이 @youngji_boxmedia 라면 => 변수 youtuber2를 뿌리고,
닉네임이 @TEO_universe 라면 => 변수 youtuber3을 뿌려라! 라고 :)
잘 뿌려진 것 같다 :D !!!
하지만 치명적인 실수가 하나 있다.......
만약 if문에 있는 유튜버(객체)가 아닌 유튜버(객체)라면? 그럼 어떡할건데?
백문이 불여일견.. 어떻게 되는 지 보여주겠다!
if문에 없는 jooya1009 라는 나의 아이디를 검색해보았다! 물론 존재하지않는 유튜버다 ^ㅁ^~
새로고침 했는데도 로딩만 겁나 돌고 넘어가지지 않는다.
그냥 서버가 대응을 못하는 것이다.
실제 사이트라고 생각해보자.... 원하는 유튜버를 검색했는데 안 나온다... 아니 안 나오는 것도 아니고
사람 간 보는 것마냥 로딩만 계속 돈다....... 나 같으면 냅다 X 누르고 나감 ㅎ...
그러타! 로딩이 10초만 걸려도 짜증이 나는 여긴.. 대한민국이다🙄
이렇게 개발자가 생각하지 못한 에러가 발생되는 경우를 예외가 발생했다! 라고 한다.
이런 예외가 발생하지 않게 if 문을 수정해보자!
app.get('/:nickname', function(req, res){
const {nickname} = req.params
if (nickname == "@15ya_egg") {
res.json(youtuber1)
}else if (nickname == "@youngji_boxmedia") {
res.json(youtuber2)
}else if (nickname == "@TEO_universe"){
res.json(youtuber3)
}else { // 예외처리
res.json({
message : "모르는 유튜버인디요?"
})
}
if 문의 마지막에 else 를 넣어 예외처리를 해주는 것이다.
그렇다면 3명의 유튜버(객체)가 아니라면 else 부분의 message가 뿌려질 것이다.
당신의 로딩 10초를 아꼈다! 👍
if문을 열심히 공부했던 본인은.. if문 쓸 때마다 뭔가 기분 좋다....
사실 기초 of 기초겠지만 그래도 코드를 이해할 수 있다는 것에 매우 만족중이다!
없는 객체로 검색했을 때, 로딩이 오래 되는 걸 보고 '뭔가 굉장히 잘못됐다' 라고 생각했지만,
그걸 찾아가면서 고치는 그 과정도 꽤나 재밌었다.
나중에 엄청난 에러를 만나면 또 키보드를 쾅쾅 치겠지만....
오늘도 발전한 나를 보며 뿌듯한 하루를 마무리 해본다 🙇♀️
'웹 개발 공부하기' 카테고리의 다른 글
| [11.20] express 구조 총 정리😏 (0) | 2024.11.20 |
|---|---|
| [11.19] 자바스크립트 네이밍 국룰❗ + 오늘의 포스팅 (1) | 2024.11.19 |
| [11.19] req.query는 뭐야?😲 (0) | 2024.11.19 |
| [11.19] 12일차 문자열을 숫자로 바꾸는 parseInt? (0) | 2024.11.19 |
| [11.18] Node.js의 생태계를 정리해보자!😏 (1) | 2024.11.18 |