[템플릿] Error Handling Card

### **어떤 에러인가요?**

-

### **에러 메시지**

`$ 터미널의 에러 코드를 여기 넣어주세요.`

### **에러 핸들링 방법**

- 핸들링 방법에 대해서 간단하게 기록해보세요.

`// 코드가 들어가도 좋아요!`

### **에러 핸들링을 위해 참고한 레퍼런스 링크**

[링크](https://github.com/codestates/Memory.log-Client/issues/19)

### 예시1

> ### **어떤 에러인가요?**
>
> - cloudfront 배포 시 url이 버킷명으로 표시됨
> - 스크래핑 시 한글깨짐 현상 ('�' or '占쏙옙')
> - 타입스크립트 컴파일 에러
>
> ### **에러 메시지**
>
> 1. birthwiki.space 접속 시birthwiki.s3.ap-northeast-2.amazonaws.com/index.html로 url 바뀜
> 2.
>
> `스크래핑 한글 깨짐
> ����������������� `
>
> 1.
>
> `타입스크립트 컴파일 에러
> is not a valid async function return type in ES5/ES3
> ...`
>
> ### **에러 핸들링 방법**
>
> 1. cloudfront origin domainname 설정 시 s3 자동 완성이 아닌 s3정적사이트 주소를 직접 입력1-1. 자동 완성을 이용한 이전 프로젝트들은 같은 문제가 발생하지 않음. 공부필요
> 2. 스크랩 대상 사이트와 같은 인코딩 사용2-1. 인코딩 방식이 달라서 발생하는 문제였다
> 3. 함수의 return type을 :Promise로 지정3-1. async 함수의 리턴 타입은 promise만 가능하다3-2. promise를 쓸거면 굳이 리턴 타입을 설정해야하는가?
>
> [링크](https://github.com/codestates/Memory.log-Client/issues/19)

### 예시2

> ### **어떤 에러인가요?**
>
> - 클라이언트 배포 후 페이지 이동 시 404 에러 발생
>
> ### **에러 핸들링 방법**
>
> - 에러 페이지를 index.html로 잡아준다
> - react router
> - 로컬에서는 react route dom 라이브러리가 가상 경로를 잡아줌
> - 빌드 후에는 index.html이라는 하나의 파일만이 존재하므로 경로에 맞는 파일이 없음 -> 파일이 없으므로 404 에러 발생
> - 에러 발생 시 다시 index.html로 돌아가게 하면 index.html 안에서 경로 이동을 하므로 에러 발생 x
>
> ### **에러 핸들링을 위해 참고한 레퍼런스 링크**
>
> [okky 질답](https://okky.kr/article/709272)