[22.05.19] TIL

MacOS Chrome 환경 대응

KeyboardEvent 시 운영체제와 브라우저마다 다르게 작동해 고생을 했다.
방향키 때의 조건에서 함수 실행을 하려 했는데 두번 실행되는 에러가 있었다.

• Windows 환경에서 KeyboardEvent.key 값이 다름 (MacOS Chrome에서는 일치)
• process, arrowdown / arrowdown, arrowdown
• e.nativeEvent.isComposing 조건 추가

Windows	MacOS Chrome	MacOS Safari

HTTP 500

Netlify로 배포 후 500에러가 뜬다...
type 지정, apikey, proxy 설정 등 여러가지 설정들을 수정하고 했지만 결국 찾지 못하고 넘겼다.

Netlify proxy 설정

netlify.toml 파일을 root 경로에 생성한다

[[redirects]]
  from = "/proxy/*"
  to = "https://apis.data.go.kr/:splat"
  status = 200
  force = true
  
==============
// services/disease.ts
const PROXY = window.location.hostname === 'localhost' ? '' : '/proxy/';
axios.get<IDiseaseAPIRes>(`${PROXY}${BASE_URL}`, ...........

제발 아무나 이 글을 보고 있다면 공공기관 Open API 사용시 뜨는 500에러 해결방법 아시면 알려주세요.