lol-dex 3

241007

FACTS(사실, 객관) : 내가 한 일Lol-dex - 타입지정문제발생제출 직전 타입을 확인해보는데 any가 들어가 있는 것을 확인하고 이걸 수정하는 과정에서 문제가 생겼다. 타입을 지정해주고 나니 내가 가져오는 데이터는 객체형태인데 그걸 return에서 map을 돌려주고 있어서 오류가 난 것. (근데 여기에 더해 as ItemInfo[]로 타입을 단언해서 vs상에선 에러가 안났는데 실제로 에러가 나는 상황이 발생..) 원인추론이 객체로 된 것을 배열로 가져와야 했다.  해결방안타입지정부터 문제였다고 하셨음 ㅠㅠ나는 export type ItemInfo = { name: string; plaintext: string; image: { full: string; }; gold: { ba..

TIL 2024.10.07

241002

FACTS(사실, 객관) : 내가 한 일next.js zustand아주 적은 보일러 플레이트의 양과 아주 작은 크기핵심 로직이 수십줄 밖에 안됨. 아주 가벼움 리액트에서 상태가 변경될 때만 컴포넌트를 렌더링하고 싶을 때 불필요한 렌더링을 방지할 수 있게끔 되어있어서 성능도 높게 유지하고 상태를 관리할 수 있다. 리액트에서도 많이 쓰이고 있음.yarn add zustand로 설치 ▼여기서부터 트러블슈팅Lol-dex문제발생로테이션을 가져오는데에 오류가 떴다. 로테이션 정보는 숫자로만 이루어진 배열이었는데 [1, 2,5,766] 이 배열안의 숫자가 챔피언 객체의 키값과 일치하면 해당 챔피언을 불러오는 것."use client";import ListCard from "@/components/ListCard";i..

TIL 2024.10.02

240930

FACTS(사실, 객관) : 내가 한 일Lol-Dex문제발생아이템 목록의 key값을 가져오는것.아이템 목록은 "1001": { naem:"~~" description:"~~"},"1002": { naem:"~~" description:"~~"}"1003": { naem:"~~" description:"~~"}이런식으로 되어있었는데 내가 가져오고싶었던 값은 "1001","1002" 이런값들. 원인추론export type Item = { [key: string]: ItemInfo;}; 이런식으로 해서 ItemInfo는 따로 작성해 key값을 id로 사용하려했는데 대체 어떻게 가져오는지 모르겠어서 질문함! 해결방안(https://developer.mozilla.org/ko/docs/Web/Java..

TIL 2024.09.30