crushed-taro 님의 블로그

에러가 난 이유.

이벤트 버블링, 자식 요소에서 발생한 이벤트가 부모 요소로 전달(버블링)되는 현상을 뜻함.

문제의 원인.

onClickHandler1가 실행 시 <div>안에 있을 경우 클릭 이벤트가 부모 요소의 <div>로 전파되어 다른 onClickHandler2 실행된다.

해결 방법.

이벤트 버블링을 방지하기 위해선 onClickHandler1안에 event.stopPropagation()을 호출하면 클릭 이벤트가 부모 요소로 전파되는 것을 막아줌.

에러가 난 이유.

주로 서버에서 JSON 형식이 아닌 HTML 문서(보통 오류 페이지)가 반환되었을 때 발생.

문제의 원인.

1. .env에 설정된 URL이 잘못되어서 서버에서 404 오류 또는 다른 오류 페이지를 반환하는 경우 이 오류가 발생할 수 있음.
2. React는 Process.env에 설정된 환경 변수들을 읽어오지 못하는 경우.

해결 방법.

.env 파일을 수정하거나 환경 변수를 변경한 후에는 반드시 React 개발 서버를 다시 시작해야 함.

Node.js 설치와 npm 설치

https://nodejs.org/en 에서 LTS버전을 설치합니다

Visual Studio Code

React를 생성할 폴더를 열어줍니다. 그리고 터미널을 열어

npx create-react-app ./
npm start

위와 같은 명령을 입력합니다.