리액트 실행 오류

📘 리액트는 코드를 작성하고 호스트에 실행하려면 아래와 같이 vsc로 들어가서 새터미널로 들어가야 한다.

새터미널로 들어갔으면 npm start 명령어를 입력한다.

 

📘 아래는 실행된 코드에 에러가 발생하여 뜬 화면이다.

우선 에러가 발생했던 원인은 대소문자 구분이 안되서였다.

[수정 전 코드]

 const [test, setTest] = usestate('A');

[수정 후 코드]

 const [test, setTest] = useState('A');

▶ s를 대문자로 입력해야 하는데 소문자로 입력 하였다.

[수정 전 코드]

export default  state예제1;

[수정 후 코드]

export default State예제1;

 

📘 리액트 구조는 아래와 같이 public이라고 써져 있는 것은 기본 구성이기 때문에 절대 건드리지 말아야 하며

유일한 html파일은 public 아래에 있는 index.html이다!!!

 

 

📘 리액트-워크스페이스> node_modules는 굉장히 무겁다고 한다.

 

📘public>index.html에는 첫번째로 index.js 코드가 들어가고 두번째로 App.js 파일이 들어가고

    세번째로는 R01_ClassComponent.js ... 이렇게 들어가기 때문에 html과 body를 쓰지 않고

    div만 쓰는 것이다.

역시 리액트도 오타, 특히 대소문자 구문으로 인해 오류가 발생 되었다. 이제 벌써 다섯번째 과목을 배운다

첫번째는 자바, 두번째는 html ,자바스크립트, 제이쿼리, 부트스트랩 , 세번째는 sql 데이터 베이스, 네번째는

리액트이다.. 앞선 과목이 처음에 너무 생소해서 두렵고 막막했지만 배우고 익히고 반복하면서 친근 해 졌듯이

이제 리액트와도 시작이다!!!

아자아자아자`~~