자바스크립트 모듈화와 동적요소 생성 사용 예시가 궁금합니다.

안년하세요. 자바스크립트를 공부하던도중 모둘화와 동적태그생성 기능을 어떻게 써야할까 고민을 해봤지만 답을 찾기어려워 질문을 올립니다. 모듈화의 개념은 이해했는데 기능을 어떤단위로 구분지어야할지는 너무 추상적이네요 ㅠㅠ 웹팩?을 많이 사용하는거 같은데 웹팩을 사용하지않고 바닐라 자바스크립트로todo웹을 만든다고 가정했을때 재사용이 가능한 이벤트함수등을 따로 파일을 만들어서 분리하면 되는걸까요 ?? 또한 동적으로 요소를 추가할때 SSR과CSR과 연관이 되는것같은데 자바스크립트로 동적으로 Html문서를 구성하는건 어떤상황에서 진행해야하는지 궁금합니다. 설명이 부족해서 죄송합니다..