[Firebase] Firestore DB 사용 시 script type 변경에 대한 고민과 해결

 

Firestore DB 연결시에 위와 같이 script type 을 module 로 바꿔줘야했다.

 

그러면서 기존 버튼들에 달려있던 onclick 함수들이 작동을 안 하기 때문에

 

        $("#savebtn").click(async function () {

            $('#postingbox').toggle();

        })

 

위와 같은 꼴로 변경되어야했다,

 

이 과정에서 궁금증이 생겼다.

 

지금 상황에서야 onclick 함수가 하나 있고 수정도 하나를 해서 괜찮았지만

 

만약에 이후에 프로젝트 진행 중에 onclilck 함수 기능을 몇 십, 몇 백개 구현한 상태에서 부득이하게 이후에 script 타입을 

 

변경해야할 소요가 생기지 않을까?

 

그러면 하나하나 다 바꿔줘야할까?

 

하는 의문이 생겼다.

 

질문을 하기 전에 내 추측으로는 

 

Firestore DB 연결을 위해 변경하게 될 script 말고 다른 script 를 하나 더 만들어서 그 안에다가 onclick 함수들을 모아놓으면 될까 하는 추측을 했다.

 

알아보니

 

지금이야 index.html 파일 안에 javascript, css 등 파일들을 다 넣지만, 현업에서는 파일들을 다 따로 구분해놓고 호출하는 식이라고 했다.

 

그렇기 때문에 유지 보수를 위해서 onclick 함수들이 들어가있는 javascript 파일도 따로 유지를 해놓고, 필요에 의해 호출을 하는 식으로 코드를 짜면 효율적이고 하나하나 수정할 필요가 없다.