오늘 새로 배운 것
오늘은 네이버 검색 API를 통해 api 데이터를 불러와서 react query로 검색 자동완성 기능구현을 시도해보았다. 결론적으로 말하면 프론트엔드에서 프록시 서버를 통해 CORS 에러를 우회 해결해보려는 시도는 실패했다.
package.json에 proxy도 추가해주고 fetch함수의 header도 수정하고 http-proxy-middleware 패키지도 설치해서 네이버 open API 주소로 접근하려고 했는데 결국 방화벽에 막혔다.
더 방법이 있겠지만 아직까지 이부분에 대한 방대한 내용을 이해하기엔 어려운 부분이기도 하고 아무래도 express.js 같은 거로 구현된 서버를 따로 두어야될 것 같은데 지금 이렇게까지 여기 시간을 투자하는 것보다는 프론트엔드의 다른 기술스택을 공부하는 게 나을 것 같아서 이부분은 나중에 다시 도전해보려고 한다.
지금은 그냥 fake data api를 fetch하거나 db.json같은 데 데이터 넣고 불러와서 자동완성 기능을 구현하는 방향으로 해보는 게 나을 것 같다.
FE Developer