개인 과제 2일 차(+1일 차) @코드 정리

오늘은 제시해주신 정답지를 기반으로 코드를 재구성해보려고 했다. 정답지가 제시되어 있음에도 불구하고 제법 어려웠는데, 많은 시간을 강의 듣는 데에 사용하기도 했지만 역시 코드를 정리하는 건 쉬운 일이 아니다. 

 

그래서 이번 기회에 제시해주신 정답지를 제출용 js 파일을 사용해서 응용하여 작성해보고 코드를 깔끔하게 정리해보았다. 

 

 

검색 기능이 아직 제대로 작동하지는 않지만, 가장 걱정되었던 fetch로 데이터 받아오고 카드 생성하는 것까지는 이 깔끔하게 정리한 코드로  잘 작동되었다. 

 

이러한 깔끔한 코드의 핵심은 변수 선언과 함수 선언을 잘 활용하는 것이다. 또 그러기 위해서는 어떤 데이터를 활용해서 어떤 결과를 출력하고 싶은지도 잘 생각해보아야 한다. 

 

생각해보면 지금까지 코드를 작성할 때는 '아무튼 될 때까지 한다'는 마음가짐이었다. 그렇게 해서 대체로 어떻게 되긴 했지만, 이제는 조금씩 배워가는 것도 있고 하니 내가 아는 것들을 기반으로 하여 지식을 넓혀가는 정련함 또한 중요할 것이다. 내가 아는 것들을 활용하면 내가 아는 것들을 다시 돌아볼 수 있고, 새로운 지식을 알고 내가 아는 것과 결합해나가면 그 또한 좋은 공부방법이다. 

 

이번에는 코드를 재구성하며 구조분해할당을 새롭게 사용해보고, form태그와 submit, 스크립트의 타입 모듈, 이벤트의 실행구조(캡쳐링/버블링)에 대해 배웠다. 그 이전에는 강의를 들으면서 this와 실행컨텍스트에 대해 배웠는데, 이 내용은 아직 완전히 익히지 못했을 뿐더러 오늘 정리하기에는 시간이 너무 늦었으니 내일 코드 재구성을 완료하고 강의 내용(this, 실행컨텍스트)을 정리하고 복습해보려한다. 내일은 좀 더 잘 할 수 있으리라 믿는다.