# errorhandling

[error] Error: Invalid value of '@storybook/react' in the 'framework' field of Storybook config.
react와 webpack의 통합 관리를 위해 automigration을 시켜주기 위한 고마운 에러였다.

[error] Warning: Encountered two children with the same key, `59`.
key 중복 문제? bookMarkStore 너가 문제 아냐? bookMarkStore: 억울하다!

[React] Styled-Component 이미지 경로 지정
css 파일을 Styled-Component화 하는 리팩토링 과정에서background-image의 경로를 다음과 같이 상대 경로를 넣으니 이미지가 출력되지 않았다.이미지 파일을 import 한 변수를 url에 넣어준다.만약 Style-Component 파일을 따로 관

23/05/08(Spring+TodoList)
Validation(유효성 검증) : 올바르지 않은 데이터를 걸러내고 보안을 유지하기 위해 데이터 검증은 여러 계층에 걸쳐서 적용된다. Client 데이터는 조작이 쉬울 뿐더러 모든 데이터가 정상적인 방식으로 들어오는 것도 아니기 때문에, Server에서 데이터 유효

[nodemon] failed to start process, "ts-node" exec not found
ts-node 설치하지 않았을 때 오류

[error] Uncaught ReferenceError: $ is not defined
쿼리문을 쓸 때는 jquery 쓴다고 상단에 미리미리 알려주자.
ERROR HANDLING 이론
에러핸들링(error handling)이란 무엇인가? 목적 : 의도에 맞지 않는, 예기치 않은 변수의 발생가능성에 대해 서비스를 이용하는 동안 발생할 수 있는 에러를 예측할 줄 알아야 원활한 서비스를 제공할 수 있다. 에러핸들링을 세분화 하면 error(에러) VS e

[error] DB에서 가져온 데이터를 렌더링하려고 하는데 localhost에서 연결을 거부한다. 거부를 거부하겠다. (변수명을 확인하자.)
변수명을 더 신경써서 지어야 한다. 뻔한 소리 같지만 뻔하지 않아!!

[React] useEffect(()=>{},[]); 두번 실행
위와 같은 코드처럼 useEffect dependency에 빈 배열을 넣으면 렌더링 시 한번만 실행되어야 하는데 두번 실행되었다.프로젝트의 src/index.js에서<React.StrictMode> 태그로 이 감싸져있으면개발모드에서 (개발 단계시 오류를 잘 잡기위

[React] React에서 카카오맵 API 적용하기
라이브러리 및 프레임워크에서 스크립트 태그를 어디다가 생성해야하는지로컬에서는 생성이 되었지만 배포 사이트에서는 생성되지 않음react에서는 public/index.html 파일에 스크립트 태그를 넣어준다.도메인 입력 시 포트번호가 필요한가 싶어서 포트번호를 넣어도 적용
[Linux] tar.gz 압축 해제 시, 에러 해결 방법 [gzip: stdin: not in gzip format]
리눅스 서버에서 tar.gz 파일의 압축을 풀고자 아래의 명령어 시도tar -zxvf file.tar.gz시도 후, gzip: stdin: not in gzip format 에러 발생\-> 해결 위해파일 형태 확인file file.tar.gz \-> file.tar.g

[typescript error: react-hook-form] Type 'string' is not assignable to type 'boolean | undefined'.
password input에 required: "password를 입력하세요" 경고메시지를 띄우고 싶은데, required에 문자열은 못 쓰고 boolean값만 와야한다고 typescript한테 혼날 때

bootstrap table2 key 오류 관련
배열안에 객체가 하나뿐인 array 인 데이터죽어도 안되다가 redux store 쪽에 state.gameData = action.payload 에서 state.gameData=action.payload로 바꾸니 해결난 데이터를 받고 해당 bootstrap table이

[error] Warning: Each child in a list should have a unique "key" prop.
나 coin들에게 key를 줬어!! 분명 줬다구! key의 자리를 Link 태그로 옮기자.

[error] Warning: Invalid hook call. Hooks can only be called inside of the body of a function component....이유 원투쓰리
GlobalStyle 적용하려할 때 난 오류. styled-components 버전을 다운그레이드 해보자.

[error] 'React' refers to a UMD global, but the current file is a module
불평많은 타입스크립트를 잠재우자.

[vscode] html prettier 설정
vscode에 prettier 를 설치하고default formatter를 prettier로 설정하고 format on save 를 지정해도 html 파일에 적용이 안된다.vscode 파일 안에 settings.json 에 아래 내용을 저장한다.settings.json

[error : reactJS] Warning: Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code...
react helmet 사용할 때 나오는 에러를 처치해보자.
SyntaxError: Non-ASCII character...
위 에러 메시지는 일반적으로 python3를 사용하고 있다면 거의 볼일이 없다. 하지만 모든 개발 환경이 최신 버전의 python을 기반으로 하지 않을 수 있기 때문에 혹시 모르니 알아 놓도록 하자. 문제의 원인은 python2까지는 utf-8 형식이 아닌 euc-k