자바스크립트 모듈의 js파일을 import하여 그안의 함수(메소드)를 .vue에서 쓰는 방법

Question

안녕하세요 선생님 강의 잘 듣고 있습니다. 현재 기존 자바스크립트로 개발한 모듈을 vue에 적용해보는 공부를 해보고 있습니다. 이 과정에서,, 기존 jsp를 vue로 전환하는데 어려움을 겪고 있습니다. 막힌 부분은 다음과 같습니다. 1. 기존 js파일을 vue파일에 import하여 해당 js의 함수를 쓸수있는 방법을 알고 싶습니다. 2.  강의에서 처럼 vue파일은 components폴더에 모아두는게 정석?관례? 인가요? 3. 강의를 보니 Vue의 개발하는 방법이 2가지 인거 같습니다.  1)html로 화면단을 구성하는 방법(강의 초반 playground) 2)html파일 거의 없이 vue파일로 화면단을 컴포넌트화 하여 구성하는 방법(강의 후반 VueCLI) 최근 추세는 vue-cli의 구조로 vue파일로 개발하는 추세인가요??   좋은 강의 감사하고 엔드게임 완주하고 싶습니다 !ㅎㅎㅎ

captain · Answer

안녕하세요 병욱님, 질문주신거 답변 드릴게요 :) 1. 기존 js파일을 vue파일에 import하여 해당 js의 함수를 쓸수있는 방법을 알고 싶습니다. 답변) 자바스크립트 모듈화와 관련된 질문을 하셨는데 요건 아래 글 참고하셔서 임포트 가능한 형태로 만들어주셔야 할 것 같아요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import https://d2.naver.com/helloworld/12864 2.  강의에서 처럼 vue파일은 components폴더에 모아두는게 정석?관례? 인가요? 답변) 네 관례입니다 :) 3. 강의를 보니 Vue의 개발하는 방법이 2가지 인거 같습니다.  1)html로 화면단을 구성하는 방법(강의 초반 playground) 2)html파일 거의 없이 vue파일로 화면단을 컴포넌트화 하여 구성하는 방법(강의 후반 VueCLI) 최근 추세는 vue-cli의 구조로 vue파일로 개발하는 추세인가요?? 답변) 네 CLI로 프로젝트 생성해서 진행하는 것이 장점이 더 많기 때문에 보통 CLI로 생성해서 진행합니다 :)