Project Day 3 - 개발일지

- TODAY I LEARN 🎁

- 배운점

• componenetDidMount 메소드 async로 사용하기
• 지금까지 fetch()를 사용할 때 then.. catch.. 문법을 사용을 했다. 물론 사용에 이상은 없지만 async/await으로 사용할 수 있겠다 싶어서 사용해봤다. 현재의 프로젝트 내에서는 이상없이 사용가능하였다. 이 과정에서 componentDidMount를 비동기로 사용해야해서 문제가 없을까하고 조금 알아봤다. stackoverflow에서 글을 발견했는데, 답변을 보면 문제가 없어보인다. 하지만 fetch를 두 번 받는다고 생각하면 fetch가 병렬적으로 진행되지 않는다. 그럼 promise.all()을 추가적으로 사용해야 할 것 같다.

https://stackoverflow.com/questions/47970276/is-using-async-componentdidmount-good
https://www.youtube.com/watch?v=aoQSOZfz3vQ

- 모르는 점

• 프론트에서 개발할 때 URI의 값을 어떻게 가져올 수 있는지 모르겠다.

- 잘한 점과 개선할 점

• 잘한 점: 개발일지 작성 작심삼일을 넘겼다.
• 개선할점: 뭔가 코드가 지저분하고 깔끔하지 않다...

---

- Tody I Met Error 🌡

• "SyntaxError: Unexpected token < in JSON at position 0"

- HOW TO FIX MY ERROR 💊

• ERROR를 해결한 KEYWORD 🔑

1. JSON syntax error🗝 - mock데이터로 JSON을 만들어서 fetch를 받았다. 나름 예외처리도 해서 문제가 없을 줄 알았는데 계속 undefined이 떴다. 왜 에러가 발생했는지 찾아보다가 검색을 하고 JSON 데이터를 보니 JSON 데이터를 보니 형식에 맞지 않았다. 그래서 parsing도 되지 않고 있었다. 의외로 JSON 형식에서 에러가 자주 발생한다. 다음에는 JSON을 작성하고 validation 사이트에서 테스트를 한 번씩 진행해야겠다.

프로젝트 진행상황

reference

https://stackoverflow.com/questions/47970276/is-using-async-componentdidmount-good
https://www.youtube.com/watch?v=aoQSOZfz3vQ