계발하는 개발자

참고 https://stackoverflow.com/questions/73099543/type-setunknown-can-only-be-iterated-through-when-using-the-downleveliter 에러 javascript로 내가 현재 클릭한 요소 자신만 클래스 on 처리를 하기 위해 불가피하게 forEach 문 안에 for of 를 한 번 더 사용해서 객체 순회를 하려고 하니까 아래같은 에러가 났다. 원인 이터러블 객체를 중첩하여 사용하거나 여러 번 순회하려고 할 때 이런 에러가 발생한다고 한다..!😟 따라서 이 경우, 컴파일러는 이러한 객체가 이터러블이라는 사실을 인식하고 순회할 수 있도록 처리해야 하는데, ECMAScript 2015(ES6) 이전의 타겟 버전으로 컴파일할 경우에..

참고 https://github.com/vercel/next.js/issues/10608 에러 redux-persist로 localstorage에 저장한 state값을 값을 유지되게 하려고 했는데 기대와 달리 새로고침 후에 아래와 같은 에러가 났다. "Prop `src` did not match" 직역하면 속성 'src'가 일치하지 않는다는 에러였다. 문제의 img요소 src를 확인해보니 문자열 안에 "" 기호가 한 번 더 들어가 있었다. 그리고 alt 속성값도 "Queencard" 이렇게 깨져있었다.. 이때 로컬호스트에 저장된 값이 뭔가 달라졌음을 직감했다. 아니나 다를까 이런 식으로 문자열 값 안에 \\ 기호가 새로고침할때마다 들어갔다. 원인 결론적으로 PersistGate로 루트 컴포넌트 랩핑하는 ..

참고https://stackoverflow.com/questions/61704805/getting-an-error-a-non-serializable-value-was-detected-in-the-state-when-using에러redux-persist 라이브러리를 이용해 새로고침 후에도 state값이 유지되게끔 하려고했는데DOM로드 후에 갑자기 이런 에러가 떴다. 원인오류 내용만 읽어보면 "action에 직렬화가 불가능한 값을 전달"했다는 내용의 에러였다.직렬화 redux에서 값을 주고받을 때 object 형태의 값을 string 형태로 변환하는 것을 말한다. (JSON.stringify) 역직렬화 역직렬화는 반대로, 문자열 형태의 객체를 다시 object 형태로 되돌리는 과정이다. (JSON.parse..

타입스크립트를 공부하다보니 타입 지정할 때 여러모로 망설여지는 부분이 있어 이참에 공부할겸 정리! 먼저 타입스크립트의 기본 타입에는 다음의 12가지가 있다. (그리고 여기서 더 나아가 이모저모 다양한 타입들이 있다..) 자주 쓰이는 위주로 정리해본다. 타입 - Boolean 타입이 진위 값인 경우에는 아래와 같이 선언한다. let isCheck: boolean = false; 타입 - String 타입이 문자열인 경우 아래와 같이 선언한다. 작은따옴표('), 큰따옴표(") 뿐만 아니라 ES6의 템플릿 문자열도 string 타입에 포함된다. let subTit: string = 'Hello'; let mTit: string = "World!"; let myName: string = 'my name is' ..