[React] 외부 js의 함수 갖다쓰기

Web초보인 나는 정말 궁금한게 많다. 개발 언어마다 다른 파일의 함수를 갖다쓰는방법이 참 다양한데, React 및 Javascript에서는 어떠한 방법을 사용하는지 너무 궁금했다. 그래서 별로 필요하지 않지만 일단 백문이 불여일런 해보았다.

 

먼저 외부함수용으로 사용할 js파일을 생성한다.

 

대충 function을 만들고나서 function 앞에 export 예약어를 넣어주면 외부 js에서 접근이 가능해진다.

 

이제 사용하고자 하는 js파일에서는 조금전에 작성한 js파일을 별명으로 import한다.

 

 

이 후 이렇게 사용하면 된다. 너무 쉽네잉~