봉보로봉봉

스타일드 컴포넌트에 제네릭으로 Props도 정해줬는데 빨간줄이 떴다... 왜...? // bgColor -> No overload matches this call. const BandAd = ({ text, color }: BandAdProps) => { return {text}; }; ... const Container = styled.div` ... ` No overload matches this call. 이유 이 자리에 undefined가 들어 올 수 도 있는데 내가 string만 정해줘서 그런 것이었다. 메세지를 자세히 보니 중간에 Type 'undefined' is not assignable to type 'string'. 라고 하고 있었다. // 에러 export interface Style..

카카오 로그인을 JS SDK를 사용해서 구현하는데 작동은 잘 하는데 자꾸 빨간줄이 떠있다.... 제발... 그만해....... 타입스크립트.. 화를 멈춰.....🤯🤯🤯🤯🤯🤯🤯🤯🤯 제발!!!!!!!!!! Cannot find name 'Kakao'. 이유 없다고 했으니 타입을 정해주면 된다. .d.ts 파일로 해결하는 방법도 있는 것 같은데 아직은 익숙치 않아서 파일 안에서 선언을 해줬다. const { Kakao } = window as any; 참고

강의를 보며 따라해보다가 float함수를 사용해서 형변환을 하려고 했더니 에러가 발생했다. TypeError: 'float' object is not callable 이유 위쪽에서 float라는 변수를 선언해서 그런 것이었다. float라는 변수를 이름을 변경해주었더니 float함수를 사용할 수 있었다. 참고1 참고2

props로 받아온 id를 html태그의 id로 넣어주려고 하는데 자꾸 에러가 떴다. Type 'number' is not assignable to type 'string'. 이유 html id는 숫자로 시작할 수 없다. 이런 기본적인 것도 까먹다니 정신을 차려야한다....... 변수도 첫글자가 숫자면 선언이 안되는데!!!!!!! W3C 문서 ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods ("."). 참고1 참고2

배열에 타입도 야무지게 선언해줬는데 왜 또 화를 내시는 겁니까 타선생님...😇 const arr : string[] = ['string'] 'food.ts' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. 이유 ts파일에서 export를 해주지 않으면 타입스크립트는 화를 내는 것 같다. 아무것도 export하지 않는다면 이렇게 해주면 된다. export {} export를 해야하는 변수가 있다면 export를 붙여주면 된다. ... export cons..

python은 설치되어있고 python --version 명령어를 실행하면 버전은 잘나온다. 그리고 환경변수 PATH 설정까지 해줬다. 그런데 vscode에서 run을 하면 에러가 떴다. /bin/sh: python: command not found vscode 이유 python과 python3은 다른가보다 vscode가 그걸 인식을 못해서 그런 것 같다. vscode setting.json에 코드를 추가해주니 동작했다. "python.pythonPath": "python3", "code-runner.executorMap": { "python": "/usr/bin/python3" } 참고

Vite로 프로젝트를 구축해서 진행하고 있었다. firebase api key를 감춰야해서 .env 파일을 생성하고 사용하려고 했다. process.env.변수명으로 접근하려니까 이용할 수 없다는 에러가 떴다... 왜....? uncaught referenceerror process is not defined. 이유 Vite에서는 process.env를 사용하지 않고 import.meta.env를 사용한다. // process.env 대신 사용 import.meta.env 그래서 다 고쳐줬더니 에러는 없는데 undefined이 떴다... 왜....? 기존에 .env에서 변수를 선언할 때 REACT_APP_ prefix를 붙여주는 것처럼 Vite에서는 VITE_ prefix를 붙여줘야만 인식을 하기 때문이..

스타일드 컴포넌트를 사용해서 깜빡이는 스타일링을 주려고 blink라는 state를 선언해서 props로 넘겨줬는데 이런 메세지가 떴다. Warning: Received `false` for a non-boolean attribute `blink`. 이유 html 태그 속성 중에 props와 동일한 이름을 가진 속성이 있다면 저 경고 메세지가 뜨는 것이었다. 그래서 props를 넘겨줄때 prefix로 $를 붙였더니 메세지가 사라졌다. 참고