import draggable from "@/vuedraggable"; 원하는 페이지에 위처럼 import를 해줘야한다. 만약 다운을 받지 않은 상태라면 npm i vuedraggable --save 를 해주자. 본인이 npm5를 사용한다면 --save는 빼줘도 된다. 만약 --save에 대해 궁금하다면 아래의 블로그에서 설명을 잘해주시니 참고하자. https://xtring-dev.tistory.com/11 [NPM] npm install 할 때 --save 옵션을 함께 입력하는 이유? 하지만 이제는 사용하지 않아도 되는 이유. JavaScript 프로젝트를 하게 되면 외부 모듈(라이브러리)을 많이 이용하게 됩니다. 라이브러리를 받기 위해서 npm intstall 과 같은 명령어를 많이 보셨을거에요. ..

1. select할 배열의 목록을 name과 value로 두고 원하는 값으로 설정. items: [ { name: "시간으로 계산", value: "t" }, { name: "공정 개수로 계산", value: "n" }, ],​ 2. @change를 이용해 v-select에서 변화를 감지, 즉 사용자가 원하는 카데고리를 선택하게 되면 SelectMode 함수가 실행되게 세팅. 3. 함수에서 원하는 div 영역의 id를 items의 value와 비교하여 해당 영역의 display 스타일을 block 혹은 none으로 설정. SelectMode(event) { if (event == "t") { document.getElementById("time").style.display = "block"; docume..