프레임워크 없이 SPA 만들기 - Part 2 회고 WIL

1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)

이번 주차를 지나며 겪었던 문제가 무엇이었나요?

• 이번 과제는 저번주와 다르게 테스트 코드의 순서대로 차근차근 진행했습니다.
• 테스트 코드 중 위임함수를 세팅하는 부분에서 오류가 있었습니다.

2. 시도

문제를 해결하기 위해 어떤 시도를 하셨나요?

• 테스트 코드를 하나씩 분리해서 테스트하였습니다.
• 코드를 처음부터 갈아엎었습니다.
• 파일 구조를 변경하기도 했습니다.
• GPT에 물었으나, 잘못된 답변이었습니다.

3. 해결

문제를 어떻게 해결하셨나요?

• 코드를 처음부터 다시 작성하였고, 테스트 코드 한줄씩 통과여부를 보면서 제대로 동작하는 부분만 적용하다보니 해결이 되었습니다.

• 알고보니 위임함수 대입 시 습관적으로 익명함수를 써서였고, 그 부분이 해결되면서 모두 처리되었습니다.

  // 실패
  export function setupEventListeners($root) {
    eventTypes.forEach((eventType) => {
      $root.addEventListener(eventType, (e) => { /* ... */ });
    });
  }
  
  // 성공
  export function setupEventListeners($root) {
    eventTypes.forEach((eventType) => {
      $root.addEventListener(eventType, handleEvent);
    });
  }
  const handleEvent = (e) => { /* ... */ };

4. 알게된 것

문제를 해결하기 위해 시도하며 새롭게 알게된 것은 무엇인가요?

• 사실 1주차와 비슷한 문제였습니다. 습관으로 인해 나타난 문제였고, 코드를 짧게만 작성하려는 습관을 버려야 겠다는 생각을 하게되었습니다.

---

Keep : 현재 만족하고 계속 유지할 부분

이번 주를 마무리 하며 나에게 만족했던 부분은 무엇인가요?

• 이번주는 테스트의 수행과정을 면밀히 알게되었고, 기본적인 부분들을 잘 지켜야 한다는 것을 깨달았습니다.

Problem : 개선이 필요하다고 생각하는 문제점

이번 주를 마무리 하며 개선이 필요하다고 생각했던 문제점은 무엇인가요?

• 이번 주도 결국 습관으로 인해 생긴 문제로 시간을 허비했지만, 다시한번 돌아보는 계기가 되었던 것 같습니다.

Try : 문제점을 해결하기 위해 시도해야 할 것

이 문제점을 해결하기 위해 다음 한 주간 시도 할 것은 무엇인가요?

• 다른 사람의 코드를 리뷰하는것도 좋을 것 같습니다.
• 제 코드 스타일에 갇혀버려서 오류사항을 만드는 일들이 있을 것 같다고 느꼈습니다.
• 같은 기능에 대하여 80명이 되는 다른 사람들의 코드를 볼 수 있는 경험은 쉽게 겪어 보지 못하는 경우이기 때문에, 좋은 기회를 잘 잡았다고 느꼈습니다.