sscoderati / spacup_slep Goto Github PK

vercel에 배포를 완료하였으나, vercel 서비스는 https, 프로젝트에서 사용하는 공공 api는 http 프로토콜을 사용하고 있어 요청 오류가 발생 중.
비슷한 서비스인 netlify로의 migration 또한 해당 서비스가 https 프로토콜을 사용하고 있어서 현재 다른 방법 찾는 중...

검색 기능을 구현하고, 검색 키워드를 포함한 내용만 검색되는 것을 확인했으나, 해당 내용이 2개씩 중복되어 보여지는 현상을 겪음.
개발자도구 - Network 탭에서 get요청이 두 번씩 날아가는 것을 확인.
현재 코드 상에서 원인 파악 중

img 요소를 map() 함수를 사용해서 동적으로 생성하는 코드를 작성했는데,
생성된 이미지들 사이에 Comma(',') 기호가 나타나는 이슈가 있음.
삼항연산자를 활용해서 해결해보려 했으나 해결하지 못함.

`<div class="img-layout">
      ${imgArr.map(imgEl => {
          // return imgEl !== ',' ? `<img src=${imgEl} />` : ''
          return `<img src="${imgEl}" />`
      })}
</div>`

fetch()를 사용해서 공공데이터에 get 요청을 보내면 response type="cors"라고 뜨면서 데이터를 못 가져오는 이슈

검색된 수어 표현의 상세 페이지로 이동할 때, 해당 수어 표현의 식별자 값으로 title을 사용했는데,
이로 인해 감사(고마움)의 상세 페이지로 이동해도 감사(회계 "감사")의 상세 페이지로 이동하는 이슈가 발생.

각 표현을 식별하는 "pk"(primary key) 값을 활용하여 수어 표현을 식별하는 방식으로 전환 중

fetch() 사용 시에 reponse type='cors'으로 날아오는 문제가 있어 axios 라이브러리 설치 후 axios.get()을 사용해서 문제를 해결했으나, axios를 사용하는 중에도 간헐적으로 CORS 이슈가 발생함.

시도해볼 수 있는 해결 방법은 구글링으로 찾아낸 것과 같이 proxy 서버를 구축하는 방법이 있으나, 구현이 어느 정도 된 이후에 시간적 여유가 있을 때 시도해볼 계획.