Web/Error

Typescript 에러 | 객체의 key를 변수(객체키)로 접근 하기

'string' 형식의 식을 인덱스 형식에 사용할 수 없으므로 요소에 암시적으로 'any' 형식이 있습니다. 'string' 형식의 매개 변수가 포함된 인덱스 시그니처를 찾을 수 없습니다.ts(7053) 게시판 기능을 구현 중에 카테고리 - 세부카테고리를 상수 데이터로 미리 정의하고, 사용자가 선택한 카테고리(writeBody.board_type)값에 맞는 세부카테고리를 보여주고자 했습니다. 객체명[변수명] 이렇게 접근하면 될 줄 알았지만 타입스크립트는 호락호락하지 않았고 빨간줄을 띄며 에러를 또 내뱉엇습니다. 이 에러는 상수객체에 타입을 지정해주지 않았기에 접근할 수 없다는 에러였으며, 타입을 지정해주면 해결할 수 있었습니다. 🚧 해결 방법 interface BoardDetailType { [props..

Typescript 에러 | 모듈 '~~~~'에 대한 선언 파일을 찾을 수 없습니다. 해결 방법

모듈 'quill-image-resize'에 대한 선언 파일을 찾을 수 없습니다. '/Users/quill-image-resize/image-resize.min.js'에는 암시적으로 'any' 형식이 포함됩니다. 해당 항목이 있는 경우 'npm i --save-dev @types/quill-image-resize'을(를) 시도하거나, 'declare module 'quill-image-resize';'을(를) 포함하는 새 선언(.d.ts) 파일 추가ts(7016) 타입스크립트에서 npm install 또는 yarn add로 모듈들을 설치하고 import해서 사용하려고 할 때 모듈 '~~~'에 대한 선언 파일을 찾을 수 없습니다. 라는 에러가 뜨는 경우가 종종 있습니다. 이러한 오류는 대게 모듈을 만든 개..

React 에러 | Type Error: Cannot read properties of undefined (reading '0')

TypeError: Cannot read properties of undefined (reading '0') API 통신 전에 Mock data로 작업하는 중에 number 형식의 배열을 가져와 React JSX 형식의 텍스트로 요소 하나씩 뿌려주는 부분에서만 에러가 났다. 단순한 number나, string 형식은 문제없이 보이는데 arrayData[0], arrayData[1] 이렇게 요소 하나씩 접근하는 부분에서 undefined 에러가 났다. 🚧 받아오는 데이터 형식과 JSX 문제는 "pair_profit" 배열이다. 🤦🏻‍♀️ { "data": { "id": "1", "max_price": 51200000.333, "min_price": 40000000.333, "pair_profit": [0...