1. 오늘 공부 핵심 키워드

// 에러를 만났습니다.
// 깃허브로 리액트 배포하는 법을 배웠습니다

2. 원인불명의 에러

• 분명 같은 것을 따라 쳤는데, 틀린 구문이 없었는데, 자꾸만 위와 같은 에러가 나타났다. 그래서 확인해본 결과, 파싱 과정에서의 호환문제라고 했다.
• JSX파일로 바꿨다가 JS 파일로 바꿨었는데, 그 과정에서 오류가 말끔이 사라졌따.

문제의 원인을 파악한 출처: https://roomedia.tistory.com/entry/%EC%9D%B4%EC%8A%88-9-Parsing-error-Unexpected-token-eslint

3. 깃허브 배포 404

• 리액트를 깃허브에 배포하려고 했었는데, 자꾸만 404라고 떴다. 알고 보니, build파일을 생성하고는 내용물을 깃허브에 올려야했는데, 나는 그냥 기존에 깃허브에 푸쉬하듯이 폴더를 드로그앤 드랍만 했었다. 정말 바보같았다. 코딩애플 센세의 강의를 천천히 다시 읽어보니 내가 놓치고 있던 것이 있었다. 바로 build폴더의 내용물만 깃허브에 넣었어야 했다는 것이었다. build폴더는 깃허브가 알아서 배제 한다고 했다. 그러니 깃허브에 중요한 리액트를 컴파일한 index.html 폴더가 없었던 것이다. 여튼 도통 모르던 문제를 해결할 수 있었다.