[Error Handling] typescript axios 에러

### 어떤 에러인가요?

- 에러 메시지
```
$ Access to XMLHttpRequest at 'http://localhost/rooms/chat/:id' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
xhr.js?1a5c:210 GET http://localhost/rooms/chat/:id net::ERR_FAILED 404
dispatchXhrRequest @ xhr.js?1a5c:210
xhrAdapter @ xhr.js?1a5c:15
dispatchRequest @ dispatchRequest.js?4dc9:58
request @ Axios.js?29fb:108
Axios. @ Axios.js?29fb:129
wrap @ bind.js?4bea:9
eval @ chats.tsx?f583:16
invokePassiveEffectCreate @ react-dom.development.js?ac89:23487
callCallback @ react-dom.development.js?ac89:3945
invokeGuardedCallbackDev @ react-dom.development.js?ac89:3994
invokeGuardedCallback @ react-dom.development.js?ac89:4056
flushPassiveEffectsImpl @ react-dom.development.js?ac89:23574
unstable_runWithPriority @ scheduler.development.js?bcd2:468
runWithPriority$1 @ react-dom.development.js?ac89:11276
flushPassiveEffects @ react-dom.development.js?ac89:23447
eval @ react-dom.development.js?ac89:23324
workLoop @ scheduler.development.js?bcd2:417
flushWork @ scheduler.development.js?bcd2:390
performWorkUntilDeadline @ scheduler.development.js?bcd2:157
createError.js?770c:16 Uncaught (in promise) Error: Network Error
at createError (VM14037 createError.js:16:15)
at XMLHttpRequest.handleError (VM14035 xhr.js:117:14)

useEffect(() => {
axios.get(`http://localhost:80/rooms/chat/:id`).then();
}, []);

```

### 에러 핸들링 방법
- cors정책위반 에러 같다 서버를 받아오면 해결이 될까?
```
// 코드가 들어가도 좋아요!
```

### 에러 핸들링을 위해 참고한 레퍼런스 링크
- Memory-It 의 Error Handling 예시입니다.
[링크](https://github.com/codestates/Memory-It/issues/205)