2024내일배움캠프/LoL 정보앱_개발_트러블슈팅 (4) 썸네일형 리스트형 [TIL__LoL_트러블슈팅(4)] 3/18 vercel 배포 후 에러 1. 404:NOT_FOUND배포 후 첫 화면이 404:NOT_FOUND 화면이었다,,,빌드도 잘 되었는데 왜 404가 뜰까 vercel에서는 champion을 찾을 수 없다고 했다로컬에서는 너무나 잘됐기에 도무지 이해가 가지 않았다기존의 @로 import한 부분도 저렇게 상대경로로 넣어주기도 했는데 안됐다그러다가 이 블로그 글을 보게 되었다https://velog.io/@shyuuuuni/Vercel-Cannot-find-module-%ED%8C%8C%EC%9D%BC%EB%AA%85-or-its-corresponding-type-declarations-%EC%98%A4%EB%A5%98-%ED%95%B4%EA%B2%B0 Vercel - Cannot find module '파일명' or its corres.. [TIL__LoL_트러블슈팅(3)] 3/17 어렵다어려워 1. 함수를 분리하자 안되는 오류밑의 함수는 위의 훅에서 쓰는 queryFn의 내용을 그대로 복붙해서 분리시킨 함수이다그런데 분리해주면 저런 에러가 생긴다는 그냥 내가 형식을 잘못 넣었던 것,,,,어제부터 안됐었는데 흙흙 강의를 다시 돌려보고 알게 되었다2. use Server가 뭔데?server API들을 모아놓은 파일에 use server를 추가해보라는 발제문서의 문항에 따라 use server를 추가했다달라진점은 async 함수만 들어갈 수 있어서 그 파일에서 써서 넣어뒀던 상수들을 다른 파일로 이동해야 했다그것 말고는 뭐가 달라진건지 알 수 없었다 찾아보니 클라이언트 측 자바스크립트 감소, 서버 측 data mutations 등을 가능하게 해주고, 서버 컴포넌트 내에서 만들고 클라이언트 컴포넌트에.. [TIL__LoL_트러블슈팅(2)] 3/13 1. 이미지가 안 나와요!아이템의 이미지를 화면에 렌더링하기 위해 라이엇 공홈에서 제공하는 url를 사용해서 넣어줬다하지만 이런 에러를 만나게 되었다url의 마지막 부분에 이미지의 아이디를 넣었을 때 이미지를 잘 가져오는지 테스트 해보았다이상이 없다해결 : 에러메시지에 적혀있는 see more info(https://nextjs.org/docs/messages/next-image-unconfigured-host)를 따라갔다이미지를 사용하기 위해서는 next.config.js를 수정해야한다는 것을 알게 되었다module.exports = { images: { remotePatterns: [ { protocol: 'https', hostname: 'assets.exa.. [TIL__LoL_트러블슈팅(1)] 3/12 fetch는 했는데,,,, SSG로 만드는 페이지부터 만들어야겠다 하는 생각으로 items의 목록을 보여주는 페이지를 시작했다Riot API에서 items목록을 주는 api를 찾아서 목록을 가져왔다description이 이상하게 나와서 이름만 가져왔다이렇게 이상하게 나와서 일단 중요한 이름, 그리고 이미지를 가져와야 한다아이템리스트를 가져올 때 버전을 명시해줘야 해서 최신 버전을 가져오는 함수를 만들어서최신 버전의 아이템리스트를 가져올 수 있도록 했다이미지 가져오는건 내일,,, 이전 1 다음
