[JavaScript] ES모듈로 동적 로드와 버튼 액션 구현하기
인스타그램 클론 팀 프로젝트를 진행하던 중동적으로 로드한 sidebar.js 내부함수를 호출했는데 무반응. 디버깅해보니 discovery(호출하는 곳)에는 버튼에 해당하는 html을 못찾아서 발생된 문제. 처음에 전역으로 선언했지만 메모리를 낭비할 수도 있겠단 생각에 다른 방식을 찾아봄(작은 프로젝트지만 확장성 고려) 검색하다 ES모듈이라는 것을 찾아서 적용하게 됨.함수 내보내기// sidebar.jsexport function configButtonAction() { const menuButton = document.querySelector(".menuButton"); menuButton.addEventListener("click", (e) => { // button Action }}함수 가져오기/..
2025.01.08