분류 전체보기

    20230216 무한스크롤 시도 + 무한스크롤'만' 성공ㅠ

    20230216 무한스크롤 시도 + 무한스크롤'만' 성공ㅠ

    일단 내가 사용한 storesearch api는 공식문서에서 찾을 수 없는 api다 내가 못찾는건줄 알았는데 그냥 steam의 공식문서 안에 없었다..ㅋㅋㅋㅋㅋ 게임의 category(Single-player, Multi-player)가 아니라 게임의 genre(Action, Strategy)를 불러오는 게 uxui적으로 더 낫다는 생각이 들었는데, 만약 storesearch api에서 장르를 출력할 수 있다면 굳이 appdetails api를 사용할 필요가 없게 된다. 그래서 storesearch api에 사용할 수 있는 params를 알아보기 위해 공식문서에서 해당 api를 찾았고, 도저히 찾을 수가 없어서 챗gpt에게 물었더니 내가 찾는 api의 공식문서 위치를 알려줬다!! 근데 ㅎㅎ여기서 알려주는..

    20230214 steam 검색결과 불러오기 성공!!

    storesearch api로 검색결과를 불러오는 건 성공했다!!ㅋㅋㅋㅋ 게임 15만개를 돌려야 하는 applist api는 미련없이 쓰레기통에 버릴 수 있게 됨 // ChannelSearchPage.tsx const [searchValue, setSearchValue] = useState(""); // 검색어 const [searchResult, setSearchResult] = useState([]); // 검색결과 const handleSearch = (e: React.ChangeEvent) => { setSearchValue(e.target.value); }; const SubmitSearch = () => { axios .get( "https://cors-anywhere.herokuapp.com..

    20230213 steam 검색 기능에 사용할 api

    20230213 steam 검색 기능에 사용할 api

    일단 steam api를 이용해 구현해야 할 기능은 검색과 인기게임, 사용자가 현재 실행중인 게임이다 다른 팀원과 협업해야 하는 부분은 우선 남겨두고 검색기능부터 구현하기로 함 그래서 찾은 api가 applist api 근데 이걸로 검색기능을 구현하기엔 조금 난감한 부분이 하나 있다. 내가 만들려는 건 검색기능이고, 해당 api는 appsearch가 아니라 applist api인 것.. 그러니까 검색 결과를 도출하기 위해서는 우리 서버가 applist에 담긴 총 15만개의 게임을 돌려서 그 중에서 사용자가 원하는 게임을 골라내야 한다 사용자의 인내심이 터지거나 서버가 터지거나 둘 중 하나는 반드시 발생할 것 같았다..ㅋㅋㅋㅋ그래서 다른 api를 열심히 모색했고, 다행히 applist를 대신할 api를 찾..

    20230211~12 api에 담긴 steam screenshot 정보를 불러올 수 없는 문제가 발생..

    20230211~12 api에 담긴 steam screenshot 정보를 불러올 수 없는 문제가 발생..

    게임의 screenshot을 가지고 있는 api 찾았다!! 해당 api url (http://store.steampowered.com/api/appdetails/) 근데 이미지가 불러와지지 않는다ㅠ 게임 계정 연동과 관련이 있던가, 아니면 이것도 cors 문제인가 싶어서 여러가지 시도를 해보는 있는데 쉽지 않음; 다음주가 시작되기 전에 해결할 수 있을까🤦‍♀️

    20230209 steam api 연결하는데 CORS 문제 발생..

    나름대로 CORS 대처방법을 알아봤다 1. 구글 익스텐션 2. 헤로쿠 - api 횟수제한 얼마인지 모르니 조사유망 - 속도가 느리다는데 빨라보임 - 웹으로 (https://cors-anywhere.herokuapp.com/corsdemo) 이 주소 접속해서 버튼을 눌러야 개인pc에서 api에 접근 가능!!! 쿨타임은 24시간인 것 같다. 쿨타임 끝나면 다시 버튼을 눌러줘야 함 일단 1, 2 번 방법은 배포 방법으로는 부적절함 3. 벡엔드 서버 구축 - 임의로 만들어진 node.js 깃헙이 있음 (GitHub - Rob--W/cors-anywhere: CORS Anywhere is a NodeJS reverse proxy which adds CORS headers to the proxied request...