코딩연습장

24.10.02 개인프로젝트 트러블슈팅

1. 문제발생 tailwind와 인라인스타일로 지정한 스타일이 적용되지 않는 문제가 발생함  2. 원인추론2-1const ChampionSpell = ({ spell, idx }: Props) => { const desc = cleanDescription(spell.description); return ( {`${spell.name} - ${SPELL_ORDER[idx]}`} {desc} );};export default ChampionSpell; 분리된 컴포넌트에서 동적으로 데이터가 불러와지기 전에 스타일이 입혀져 생기는 문제라고 생각하였다...

{Object.entries(cham.info).map(([key, value]) => { return ; })}코드가 너무 길어져 직관성을 높이기위해 info관련 부분은 분리하였다.const ChampionInfo = ({ info: [key, value] }: Props) => { return ( {INFO_MATCHER[key]} );};export default ChampionInfo;이렇게 데이터를 뿌려주고있었는데 분리된 컴포넌트의 calc부분이 작동하지 않았다.이유가 뭘지 생각해봤는데 INFO_MATCHER[key]부분이 들어오기 전에 st..

const newItemsData = Object.entries(itemData.data) // eslint-disable-next-line @typescript-eslint/no-unused-vars .filter(([_, value]) => value.maps["11"] && value.gold.purchasable && (value.inStore ? value.inStore : true)) .reduce((acc: Record, [key, value]) => { acc[key] = value; return acc; }, {} as Record);롤 아이템 목록중 구매가능한 목록과 상점에 있는 아이템을 필터링하는 곳에서 문제가 있었다.ddragon에서 주..