개발 정리 개발 정리

Vue 프로젝트 생성 프로젝트 생성하실때 꼭 router를 포함하시고 생성하셔야합니다 Router등록 import Vue from "vue"; import Router from "vue-router"; import main from "@/views/main"; import read from "@/views/read"; import create from "@/views/create"; import Edit from "@/views/Edit"; Vue.use(Router); export default new Router({ routes: [ { path: "/", name: "main", component: main, }, { path: "/read/:id", name: "read", component: r..

axios를 이용해서 단어받아오기 npm i -S axios https://www.npmjs.com/package/axios axios Promise based HTTP client for the browser and node.js www.npmjs.com async search_text(text) { let req_text = await axios.get(`http://localhost:3000/search?text=${text}`); console.log(req_tex.data) } search_text("왕") axios로 get요청을해서 콘솔에 찍어보겠습니다. 제대로 나오면 끝이에요 여기까지 되면 끝말잇기는 기본적인 문법들로 만들수있어서 이제 글안보고 혼자 만들수있어요. 일단 꾸미기 {{ coun..

네이버 국어사전 스크래핑 국어사전에 들어가면 이런 식으로 나온다 개발자 도구로 하나하나 열어보겠습니다. c_b라는 클래스명을 가진 span태그 안에 단어들이 담겨있는 걸 볼 수 있습니다.  이제 cheerio-httpcli로 저 단어들을 가져오도록 하겠습니다. 다른 걸 사용하실 줄 아시면 다른 걸 사용하셔도 됩니다. npm i -s cheerio-httpcli cheerio-httpcli사용법은 그냥 npm에 있는 거 복붙 하셔도 되니까 패스하겠습니다. import qs from "querystring" import cheerio from "cheerio-httpcli" function textsearch(usertext){ let line = Math.floor(Math.random() * 6); /..