[클린코드 7기 임호정] 영화 리뷰 미션 STEP 3

[IMHOJEONG]

Todo

• 영화 리뷰 미션 구현

학습 목표

Todo

• 영화 리뷰 게임 구현
• 웹 프론트엔드에서의 비동기에 대해 이해
• API 통신을 처리할 때 고려해야 하는 다양한 문제를 직접 경험해보면서 해결 방법을 고민해보는 것.

비동기 🔥

• API 연동을 위한 테스트 환경 경험
• 실제 동작하는 API를 통한 비동기 통신
• UX 경험을 위한 더 보기(무한스크롤) 구현

---

• 배포 페이지: https://imhojeong.github.io/js-movie-review/

설계 시 고민 사항

• 리뷰 요청이 늦어진 부분 죄송합니다 (나름 react 처럼 구현해보고 싶었지만, 실력 부족으로 결국 원래대로 구현하는 방식으로 변경하였습니다)

• 세세한 리뷰를 주셨는데, setState 관련해서 해결책을 못 찾아서, 구현에 중점을 맞추어 다시 코드를 변경 후 step3를 마무리 하였습니다.

그냥 문자열을 반환하는 함수를 만들고, 이를 반환하도록 하는거죠 ㅎㅎ
(#33 (review))

• 이 방식대로 구현하고자 했지만, 이벤트 핸들러가 잘 작동하지 않는 문제가 있어서, dom component를 반환하는 코드로 변경하였습니다.

• 더보기 버튼을 없애고, 검색어가 있을 때만 무한 스크롤 기능이 작동하지 않도록 하였습니다.

• 상세보기가 열려있는 상태에서 ESC를 누르면 상세보기가 닫힙니다.