오늘 부트캠프의 두번째 관문인 자바스크립트 미션과제 5개를 제출했다. 각 미션마다 구현해야하는 과제들이 생소하고 어려웠던거 같다. html/css 과제에 비해 생각할 것도, 공부할 것도 많았던 과제인 만큼 미션별로 느낀점을 적어본다.
미션 1
화면에서 봤을때는 매우 간단한 toggle을 구현하는 과제였다. 하지만 머리로는 알지만 막상 코드로 적어볼려고하니 생각처럼 간단하게 작동하지 않아서 처음에 애를 먹었던거 같다 그래도 쉽게 해낼수 있었다
미션 2
미션 2는 아날로그 시계를 구현하는 과제로 HTML도 동적으로 생성해야 되는 과제였다. 효율적으로 동적 생성을 하기위해 고민을 많이하고 시간정보를 Date와 getHours , getMinutes , getSeconds를 사용하고 style.transform을 변경해주면서 해결했다.
미션 3
세 번째 미션은 별점 리뷰 구현하는 미션이였다. 생각보다 구현하는데 있어서 애를 먹었던거 같다.
커스텀 이벤트를 사용하라고해서 공부하고 사용하는데에도 힘들었던거 같다.
미션 4
네번째 미션은 달력을 구현하는 미션이었다.다른 미션과는 반대로 초기 템플릿을 제공해주지 않고 처음부터 혼자 설계를 해야했다. 클래스로 구현하는걸 권장해서 js로 components화 해서 구현을 해보려고 노력했는데 3번정도 갈아 엎었던거 같다. 구현을 하면 할수록 내가 쓴 코드를 읽기 힘든 수준이라서 다시 처음부터 쓰면서 효율적으로 짜기위해 노력했던 미션이다.
미션 5
다섯번째 미션은 뉴스 api를 받아와서 무한스크롤을 구현하는 미션이였다.
미션 5과제를 하면서 타이밍 좋게 모던 자바스크립트 북스터디가 XMLHttpRequest 부분을 진행하고 있었기 때문에 axios , fetch과정을 흥미롭게 진행하고 옵저버 패턴과 프록시를 공부하면서 구현하는데 가장 재밌게 구현했던 과제이다.
