JavaScript 프로젝트 과제 MISSION 5❗

JavaScript 프로젝트 과제 MISSION 4를 코딩하면서 느낀 점에 대해서 적어볼까 합니다.

 

후.. 이번 과제를 진행하면서 이틀 동안 정말 왜 안될까 왜 안될까 생각만 하면서 지낸 것 같습니다.

 

이번 과제는 비동기 통신 axios를 이용해서 데이터를 가져온 후 조건에 맞게 나열하고 기능을 구현하는 과제였는데 axios를 사용한 경험이 없었어도 이전에 강의에서 최신 문법인 fetch를 사용해 본 적이 있어서 쉽게 한 것 같습니다. 

 

다음으로 무한 스크롤 구현이였는데 처음 접하는 observer방식이어서 인터넷 서칭도 해보고 유튜브 강의를 따라 하기도 하면서 학습한 것 같습니다. 아래는 제가 이번에 참고했던 유튜브 강의입니다.

 

https://www.youtube.com/watch?v=Cq_UG1MHN6k 

 

그리고 계속 초기 랜더링시에 무한스크롤이 동작해서 예외 처리를 하나 해두었습니다. 이게 맞는 방법인지는 결과가 나와야 알 것 같습니다.

 

마지막으로 이번 과제를 하면서 느낀 점은 함수를 선언했을 때 이름? 함수명에 맞는 기능만! 함수 스코프 안에 작성하는 게 좋을 것 같고 하나에 다 때려 박는 것이 아닌 분리해서 작성하는 것이 훨씬 좋은 것 같습니다. 5가지 과제를 제출하면서 맘에 걸리는 부분이 몇 개 있지만 다시 해야 한다면 더 꼼꼼하게 하고 아니라도 다시 제 코드를 보면서 공부하겠습니다.