JS의 ES6 onclick 부분에 대해

Question

안녕하세요!! 현재 제 프로젝트의 프론트단 구조가 html코드 head 부분에 외부 js 파일을 연결하고 사용하는 방식(가장 보편적인 방식)을 사용중인데, 이번에 es6버전으로 변경하고 나서 js파일들을 모듈화 시키는 과정에서 궁금한 점이 있어 질문드립니다.es6에서는 html 코드에 외부 js파일의 type을 text/javascript 가 아닌 module로 사용하여 연결하는 방식에 대해 알고 있습니다. 그런데, 태그 안 onclick을어떻게 사용하는지에 대해 궁금한점이 생겼습니다. 기존 es6 전 버전인 보편적인 방법으로는 html 파일에 외부 js 파일을 연결하고 해당 js 파일 안에 onclick 함수가 존재하여, html 코드 내 onclick을 태그에 바로 걸수 있으며 기능이 동작하는 것처럼 es6도 마찬가지로 onclick에 해당하는 함수를 모듈화 할경우 html 태그 내에서 해당 함수를 실행 시킬 수 있나요?예시 입니다. -- html -- Document

-- test.js let test = (evt) => {console.log('hihi')}export default test

Gear · Answer

그렇게 하기 위해선 전역 객체를 활용해야 합니다.window.test = () => { console.log("hi"); }

JS의 ES6 onclick 부분에 대해

1개의 답변

Q&A 목록