![]()
구글 크롬 개발자 모드와 디버깅 JS 개발을 할 때 크롬을 많이 사용하는데요 크롬을 통해서 디버깅이 가능합니다. 네트워크를 항목을 통해서 값이 정상적으로 전달되는지 볼 수도 있으며, 네트워크를 통해서 시간 측정도 가능합니다. 실행방법 Chrome에서 F12 개발자 모드를 실행한다. 정말 편리한 기능이 많습니다. 제가 가장 사용 많이 하는 탭은 Console, Sources, Network, Elements를 가장 많이 사용합니다. 그리고 요소를 찾을 때 Ctrl + Shift + C를 사용해서 많이 확인하며.. 간단한 화면 디자인 수정에서도 유용하게 사용 가능합니다. Console, Source탭 소스를 찾기 힘들 때는 console.log()를 찍어서 그 위치를 마우스로 클릭하면 디버깅이 걸립니다. C..
동적으로 생성된 태그에 이벤트 거는 방법 개발자로 일하면서 혹은 공부하다가 이거 알면 진짜 편했던 건데.. 이거 때문에 몇 시간씩 고생한 경우가 종종 있었거든요.. 저도 처음에 이걸 도대체 어떻게 해야 하나? 무슨 원리로 이렇게 되는 건가? 삽질하면서 찾아봤던걸 정리해봅니다. 어떤 경우에 찾아보나요? ( 제가 이러다가 찾아서..) 동적으로 태그를 생성할 때(clone 떠서 만들 때..) 이벤트가 안 걸려요 ㅠㅠ 규칙이 있는 복수의 태그가 동일한 규칙으로 작동해서 한 번에 이벤트를 걸고 싶어요 같은 태그에 이벤트가 중복으로 걸려요 ㅠㅠ JS를 모듈화 하고 싶습니다. 어떤 경우에 사용하나요? 동적으로 생성된 태그에 이벤트를 걸 때 복수의 태그에 동일한 이벤트를 걸 때 사용자 태그로 정의하여 그 태그로 시작하..
