error

스토리북에서 콘솔 창에 발생한 에러..   Storybook: Frontend workshop for UI developmentStorybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.storybook.js.org 스토리북에서 value 값을 제어하면 url에 나오는데 어떤 값들에 대해서는 url에 등록되기 적절하지 않다고 판단하여 변경이 있더라도 url을 그대로 유지하고 콘솔에 저 경고를 띄우는 것 같다.적절하지 않다고 파악되는 값들로..

문제 상황 폰트를 불러오는데 있어서 콘솔 창에 이런 오류가 떴다.  해당 오류의 원인은 크게 3가지가 될 수 있다.잘못된 경로파일이 없는 경우빌드 설정 문제 나의 경우 1 + 3번이 결합되며 발생한 문제라고 할 수 있다..  기존 세팅tsconfig 파일에 baseUrl을 src로 지정해놨기 때문에 폰트를 import 할 때 절대경로의 시작이 src 폴더라고 생각해 src > assets > fonts 폴더에 폰트들을 두었다. @font-face { font-family: "Pretendard"; font-weight: 400; src: url("../assets/fonts/Pretendard-Regular.woff") format("woff"); }src > assets > font..

객체에 동적 변수를 key 값으로 하여 접근하기 위해 대괄호 표기법을 사용했을 때, 이러한 타입 에러가 발생했다. 실제 코드는 훨씬 복잡하기 때문에 간략한 예시로 정리 const obj = { one: "uno", two: "dos", three: "tres", }; for (const k in obj) { const v = obj[k]; } obj에 명시된 타입이 없기 때문에 엘리멘트는 암시적으로 'any' 타입이다. k의 타입은 string인 반면, obj 객체에는 ‘one’, ‘two’, ‘three’ 세 개의 키만 존재한다. k와 obj 객체의 키 타입이 서로 다르게 추론되어 오류가 발생한 것이다. 이 오류를 해결하기 위해서는 k의 타입을 더욱 구체적으로 명시해야 한다. 이때 두가지 방법이 있다...

Emit 이벤트를 통해 전달한 value의 값이 항상 any이기 때문에 발생하는 타입 오류를 해결하기 위해 고민한 흔적~^^ 아래에서는 단계적으로 정리해뒀다. 1. 타입 정의 X const emit = defineEmits(['update:value']); const setSelectedValue = (value) => { emit('update:value', value); }; 이때 value의 타입은 따로 명시해주지 않았기 때문에 any이다. 근데 이 경우 공통 컴포넌트를 앱에 전역 등록해주면, vue 파일에서 emit 이벤트를 받아서 변수를 업데이트해 줄 때, @update:value="(value) => props.row.data.volType = value" 이런 TypeError가 나타난다. ..