개발/Web
-
Web template 사용 (with spinner)개발/Web 2024. 10. 9. 00:14
기본 제공하는 스피너를 생성해 보면 프로젝트를 팔기 위해서는 커스텀을 해야만 한다는 걸 깨달을 수 있다. 스피너를 커스텀 하기 위한 간단한 구조. 스크립트도 잘 가져오는지 시험하기 위해서 넣어보았다. 파라미터로 경로를 받아서 그 경로에 있는 템플릿을 파라미터로 받은 컨테이너 안에 넣는 로직이다. 마지막 registerListener는 가져다 붙인 템플릿의 돔 조작을 위한 이벤트 리스너 등록을 위한 콜백 메서드다. 클래스 template 아래 컨텐츠 즉 spinner.html의 spinner 클래스 div를, 파라미터로 받은 컨테이너 자식 요소로 가져다 붙인다. container.appendChild(clone) 아래는 스타일과 스크립트가 있으면 추가하는 건데 링크 / 태그를 해도 되고 그냥 html..