5월 20일 프리온보딩 18일차

김학률·2022년 5월 20일
0
post-thumbnail

오늘 한 일

본인이 맡은 파트가 다른 팀원이 개발한 뒤에 이어서 할 수 있는 부분이라서 팀원이 막히는게 있을 때 같이 고민하며 공부했다.

공부한 것

팀원들이 작업한 것을 pull 받아서 yarn start를 하니 에러가 떠서 실행이 되지 않았다.
에러 내용)

yarn run v1.22.18
$ react-scripts start
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
 - options.allowedHosts[0] should be a non-empty string.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

api를 사용할 때 CORS 에러 때문에 package.json에 "proxy":"http://apis.data.go.kr" 코드를 추가한게 원인인 것까지는 알아 냈는데, 다른 팀원은 문제 없이 돌아가서 지울 순 없었다.
다행히도 여러가지 해결법 중 .env에 DANGEROUSLY_DISABLE_HOST_CHECK=true만 추가해주면 무사히 돌아갔다.
이 방법이면 다른 팀원의 코드를 건드리지 않아도 되니 그나마 베스트였다.

api 동시 호출

이번 과제를 해결하기 위해 api를 동시에 호출해야 할 일이 있었다.
다행에도 axios에서 기능을 제공하고 있었다.
axios.all([axios 요청들])을 이용하면 동시에 api 요청을 보낼 수 있다.
그리고 .then(axios.spread(...res) => {}) 이렇게 결과를 받아서 사용할 수 있다. (res는 배열)

profile
골고루 건드려보면서 몸으로 부딪쳐 경험하는 걸 선호하는 개발자입니다.

0개의 댓글