TIL - 20220622

코드숨

테스트를 작성하는 과제에서 여전히 방향성을 못 잡고 있었다. 예를 들어 입력받은 todos만큼 TodoItem 컴포넌트를 보여줘야 하는 TodoList 컴포넌트를 테스트할 때, 입력받은 todos가 어떻게 보여야 하는지까지 테스트한다면 TodoItem 컴포넌트의 구현을 제약하거나 그에 의존하는 테스트가 될 수 있어서 이게 맞는지 의문이었다.

 

https://github.com/CodeSoom/react-week3-assignment-1/pull/138#pullrequestreview-1015192093

To-do 테스트 작성하기 by 2scent · Pull Request #138 · CodeSoom/react-week3-assignment-1

 

그리고 오늘 다음과 같은 피드백을 받았다.

• 테스트 코드만을 보고 컴포넌트의 역할과 동작을 설명할 수 있는 명세를 작성한다고 생각
• TodoItem이 변경돼서 TodoList 테스트가 깨진다면 올바른 테스트를 작성한 것

특히 두 번째 피드백이 많은 도움이 되는데 내일은 과제를 잘 진행할 수 있을 듯하다.

자바스크립트 스터디

다음과 같은 주제로 면접 형식의 스터디를 진행했다.

• requestAnimationFrame
• Promise
• MutationObserver
• Polyfill
• Closure

특히 기억에 남는 건 requestAnimationFrame에 관한 것이다.

 

requestAnimationFrame은 setInterval, setTimeout과 함께 애니메이션을 구현할 때 자주 사용하는 함수인데 setInterval, setTimeout과 다르게 특정 시간 간격이 아니라 모니터 주사율에 맞게 애니메이션을 동작시킬 수 있으며, 이 덕분에 보다 부드러운 애니메이션과 여러 성능 향상을 기대할 수 있다.

 

아직 공부가 부족해 세부 사항에 대한 이해도가 부족한데 추가적인 공부가 필요해 보인다.