초보 코더 개발일기 초보 코더 개발일기

> Extra/Error Code

• TIL-2024.07.12 - ERROR- Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen.

  > Extra/Error Code 2024. 7. 12. 12:03

  배경 - Login 페이지에서 Email input Tag 에 onChange 될 때, onChangeIdInput 이 실행되어 setId 로 설정하려고 작업- 아래의 코드와 같이 작성 후, 웹에서 id 입력할 떄, 아래 사진과 같은 에러 발생const [id, setId] = useState();const [password, setPassword] = useState();const onChangeIdInput = (event) => { setId(event.target.value);};const onChangePasswordInput = (event) => { setPassword(event.target.value);};... 생략 ...Email... 생략 ...    에러메시지Warn..

  Read More
• TIL-2024.07.08 - ERROR - Failed to execute 'open' on 'XMLHttpRequest': Invalid URL

  > Extra/Error Code 2024. 7. 8. 12:01

  배경- 평화롭게 작업하는 중, 아래와 같은 에러 발생- 에러 메시지: Error: SyntaxError: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL     - network 창에서 확인해보니, api 자체가 전달되지 못한 상황     문제 원인  - VITE_API_URL , 즉 host-name에 semi-colon (;)  가 붙어있는 것을 확인- 이것 이외에도, 보내는 path 에 / 등 이 붙어있어서 오류가 발생하는 건들도 있음.

  Read More
• TIL-2024.06.19 - Error - Jump target cannot cross function boundary

  > Extra/Error Code 2024. 6. 19. 18:29

  배경- 전달받은 res 문의 for-iteration 돌리고, 상태값이 400 인 경우, continue... 생략 ...res.forEach((item: any) => { if(item?.status !== "400") continue;... 생략 ...  발생 에러:- Jump target cannot cross function boundary 라는 에러 발생    발생 원인: - continue 문은 반복문에서만 사용 가능하며, forEach는 반복문이 아니라 콜백 함수 내에서 실행되기 때문에 continue를 사용불가- 즉, continue 가 문제가 아니라, forEach 는 반복문이 아닌 콜백 함수이기 때문에 continue 사용 불가 더보기콜백 함수란 ? 콜백 함수: forEach는 배..

  Read More