[TIL] 데브코스 14일차

오늘 배운 것

• VanillasJS 과제

• 로토님의 세션

어려웠던 내용

• vanilla JS로 구현 시 event를 적절한 시점에 등록하는 것과, 이벤트 버블링등을 고려하여 이벤트가 발생한 element를 매칭해주는 부분이 조금 까다로웠다.

궁금한 내용 / 부족한내용 🤔

• 이벤트핸들러 함수의 네이밍이 어떤 패턴을 사용하는 것이 더 좋은가에 대한 부분
💡
on이 붙으면 ~~한 상황에 무엇인지는 모르겠지만 ?? 해라. onToggleCompleted(id) :id에 토글이 발생하면 ~~ 해라 onDelete(id) : id에 삭제가 발생하면, ~~ 해라 느낌
💡
on이 없다면, ??상황인지는 모르겠지만, ~~동작를 해라
toggleCompleted(id) : id의 Item에 toggleCompleted 해라 deleteItem(id) : id의 Item을 지워라
• onToggleCompleted(id) , onDelete(id)
• toggleCompleted(id), deleteTodo(id) or deleteItem(id)
• 아니면 섞어서? onToggleCompleted(id) , deleteTodo(id)

• 이벤트핸들러 함수에서 validation 처리의 위치는 어디가 좋을까?
• TodoForm의 setEvent? App의 onSubmit 이벤트 정의내에서?

참고

이벤트 핸들러를 대하는 개발자의 자세

이벤트 핸들러는 UI를 개발할 때면 항상 사용된다. 웹뿐만 아니라 네이티브 어플리케이션에서도 약간의 차이가 있을뿐 거의 동일한 추상이 사용된다. 자주 사용되는 만큼 중요하지만 사실 너무 자주 사용되다 보니 가볍게 생각하며 습관적으로 고민 없이 좋지 않은 코드를 만들곤 한다. 자주 사용된다는 건 코드의 양적인 비중도 크다는 것이고 그만큼 조금만 더 신경 쓴다면 큰 효과를 볼 수도 있다.

https://blog.shiren.dev/2020-07-27-1/

Vanilla Javascript로 웹 컴포넌트 만들기 | 개발자 황준일

Vanilla Javascript로 간단한 웹 컴포넌트를 만드는 과정에 대해 소개합니다.

https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/