JavaScript 프로젝트 과제 MISSION 3❗ 2

JavaScript 프로젝트 과제 MISSION 4❗

JavaScript 프로젝트 과제 MISSION 4를 코딩하면서 느낀 점에 대해서 적어볼까 합니다. 이번 과제에서는 제공되는 template이 없어서 font import부터 icon import까지 제 몫이었는데요. 달력 만들기에 앞서서 정말 감이 잡히지 않아서 여러 블로그도 찾아보고 유튜브도 찾아보고 검색 검색을 통해서 완성한 것 같습니다. 이런 학습을 유도하셨던 걸까요? 먼저 저는 HTML을 작성 후 CSS를 입히고 JS 완성을 한 뒤 HTML의 flex방식으로 되어있던 달력을 grid 방식으로 수정하였고 반응형으로 제작하라는 요구 사항이 처음에는 이해가 되지 않았는데 grid의 1fr로 주었기 때문에 자동으로 width에 반응해서 줄어들긴 해서 이대로 마무리 지었습니다. 다음으로 이번 과제를 통해..

JavaScript 프로젝트 과제 MISSION 3❗

JavaScript 프로젝트 과제 MISSION 3을 코딩하면서 느낀 점에 대해서 적어볼까 합니다. 이번 과제에서 제공해주는 template을 보면서 구조를 파악하는데 시간이 좀 걸렸었고 완성을 하긴 했지만 코드가 간결하지 못하고 반복되는 부분이 많은 것 같습니다. 이번 미션에서는 두 부분에서 좀 막혔었는데 하나는 forEach()를 통해서 받아온 객체요소를 따로따로 분리해야 하는 부분이 있었는데 그 부분에서 애를 좀 먹었던 것 같은데 스코프영역을 파악하고 cascading에 주의하면서 배치하니까 해결되었던 것 같습니다. 다음은 CustomEvent를 발생해야 하는 부분인데 이 부분에 대해서는 학습한 적이 없어서 mdn 등등 많은 검색을 통해서 많은 시도를 한 후 해결했던 것 같습니다. 번쩍 하고 생각이..