웹 공부일지

'new' expression, whose target lacks a construct signature, implicitly has an 'any' type.ts(7009) 상황 new 키워드를 사용해서 Image 객체를 만들려고 했더니.. 'new' expression, whose target lacks a construct signature, implicitly has an 'any' type.ts(7009) 라는 typescript 오류 해결 우선 원인은 찾아보니, Image가 생성자 함수로 만들어져 있기 때문인 것 같습니다. export default function Image({ src, sizes, unoptimized, priority, loading, lazyBoundary, classN..

React Hook useCallback received a function whose dependencies are unknown. Pass an inline function instead. (lint error) 상황 lodash의 debounce와 useCallback을 같이 사용하려고 할 때, 위와같은 lint error를 마주하게 되었습니다. const handleRequest = useCallback(debounce(() => { setLoading(true); setTimeout(() => { axios.get('https://jsonplaceholder.typicode.com/todos/1', { cancelToken: source.token, }) .then((res) => { conso..

* cannot be used as a jsx component 상황 nextjs 에서 npm으로 패키지 관리를 하다가 yarn add 로 라이브러리 하나를 설치했는데 발생 검색을 해보니 @types/react가 없어서 문제가 되는 것 같다. 해결 yarn.lock file 삭제 하거나 그대로 둔 후, npm i @types/react 설치해줍니다. 혹은 그냥 npm으로 설치해주면 오류가 사라졌습니다. 혹은 그냥 yarn.lock 파일 지우고 다시 yarn 실행하면 해결되는 것 같습니다.

상황 moment js를 사용하다가 다음과 같은 경고메세지가 나타났습니다. moment.js:287 Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info. Arguments: [0] _isAMomentObject: tr..

A non-serializable value was detected in an action, in the path: 상황 리덕스 툴킷을 사용하여 이미지 데이터를 저장하기 위해, blob객체를 dispatch하여 state에 저장시키려는 과정에서, A non-serializable value was detected in an action, in the path: reducername/reducer 와 같은 경고 발생 특정 액션을 수행하는 과정에서 문제가 있다고 경고 blob 객체와 같은 순수 자바스크립트 오브젝트가 아닌 것을 dispatch로 넘겨줄 경우 발생 (직렬화할 수 없는 객체) 해결법 필자와 같은 이미지를 다루는 상황이라면 base64String으로 변환해서 전달하는 것도 가능하지만, redux-..

Unterminated regular expression literal.ts(1161) 오류상황 다음과 같은 컴포넌트 작성 중 export const ContextProvider = ({ children }: IContextProvider) => { return {children}; }; Cannot find namespace 'StateContext'.ts(2503) '>' expected.ts(1005) Unreachable code detected.ts(7027) Operator '

상황 ios 아카이브 실행 후 앱을 배포하려고 할 때, 빌드버전때문에 앱을 배포하지 못하는 상황이 생긴다. xCode에서 빌드버전을 올려주려고 찾아봤으나 보이지 않았다. 상황을 해결한 방법 ios > Runner.xcodeproj > project.pbxproj 파일을 다음과 같이 수정 MARKETING_VERSION 이라는 항목을 찾아서 (3군데 있음) 버전을 일괄적으로 변경해준다. 후에 다시 아카이브 → 앱 배포를 하면 해당 오류가 사라졌다.

오류상황 vscode 의 flutter 프로젝트에서 ios 빌드를 위해, cd ios (ios 폴더로 이동하여) pod install 실행 경고메세지로 다음과 같이 나왔다. [!] cocoapods did not set the base configuration of your project because your project already has a custom config set. in order for cocoapods integration to work at all, please either set the base configurations of the target runner to target support files/pods-runner/pods-runner.profile.xcconfig or ..

Node port 강제 종료하기 상황 react app이나 nextjs의 터미널 에서 dev 서버를 실행시키는 등의, npm이나 yarn을 이용해서 port를 열고 종료할 때 ctrl + c 를 해도되지만 가끔 버그처럼 localhost:3000 포트가 종료되지 않는 경우가 있습니다. 또한 여러 앱을 실행시키고 있을 때 한번에 종료시키고 싶을 때가 있습니다. Window에서 node port 종료하기 터미널에서 입력 "node.exe"라는 이름을 가진 모든 프로세스를 강제로 종료합니다. 주의해서 실행해주세요. taskkill /F /IM node.exe Linux 또는 macOS에서 node port 종료하기 터미널에서 입력 (shell) "-9" 옵션은 SIGKILL 시그널을 사용하여 프로세스를 즉시 ..

발생상황 npm i ts-node npx ts-node [somefile].ts TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for [filepath] at new NodeError (node:internal/errors:399:5) at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:79:11) at defaultGetFormat (node:internal/modules/esm/get_format:121:38) at defaultLoad (node:internal/modules/esm/load:81:20) at nextLo..