Today
팀원들 끼리 뷰를 하루만에 완성하고 오늘은 퍼지 문자열 검색과 키보드 사용하여 이동하게하는 기능을 2명씩 나눠 구현하기로 했다. 나는 퍼지 문자열 검색을 맡아 구현했다. 오늘 구현은 했지만 사실 코드를 100% 이해하지 못해서 이해하는대로 정리해 볼 생각이다.
cors
공용 Api를 가져와서 사용하는데 cors 이슈가 떳다. 찾아보니 url 앞에 https://cors-anywhere.herokuapp.com/ 을 붙여 해결하는 방법이 있었다.
이런식으로 만들어 적용해봤더니 잘 받아와졌다!
예전에 http-proxy-middleware 라이브러리를 사용하여 cors 이슈를 해결했던 기억이 있는데 과제가 대부분 마무리되면 적용해봐야겠다!
.env
전에 API_KEY를 깃에 그대로 올렸다가 혼난적이 있는데 오랜만에 다시 사용해봤다. API_KEY를 그대로 노출시키면 보안에 문제가 생기기 때문에 src/.env 파일을 만들어 KEY 값을 넣어주어 사용할 수 위 사진과 같이 넣어주면 된다.
유용한 사이트
- https://www.netlify.com/ (포폴 배포할때 유용)
- https://json2ts.vercel.app/ (타입 지정)
INFP🖐