node 3

Vuetify - select에 검색기능을 추가하려면? autocomplete

개인서비스의 select 컴포넌트에 데이터가 많아져서 조회기능을 넣으면 좋지 않을까 하여 개선해보았다. vuetify의 기존 select 컴포넌트는 다음과 같은데 ... ... 위와 같은 모습으로 나오게 된다. 항목이 적을 경우는 편리하긴한데 조회기능이 없어서 많아지면 불편하다. 이를 Autocomplete 컴포넌트가 해결할 수 있다. ... ... v-select 를 v-autocomplete로만 변경해주면 완료 위와 같이 검색도 되는 select 컴포넌트로 개선 가능하다. 여담 직접 만들기 전에 제공되는 api, 컴포넌트를 조회 후, 라이브러리를 찾아보고, 그리고 없으면 구현하는게 좋다. 거인의 어깨는 서비스 개발 속도에 아주 큰 도움이 되니까..

Vue.js 2021.03.03

RSS Parse

RSS 피드를 파싱 해보자 rss-parser 라이브러리를 사용하겠다. 이유는 작고 가볍고 편하다. 그리고 주간 다운로드 수가 현재 17만을 육박한다.(등록일 기준) www.npmjs.com/package/rss-parser rss-parser A lightweight RSS parser, for Node and the browser www.npmjs.com node v14.15.0 환경에서 실시 1. 설치 npm install --save rss-parser 2. 사용 샘플로 연합뉴스의 최신피드를 파싱할 예정, 최대한 샘플 코드를 따라해보았다. (샘플주소: www.yonhapnewstv.co.kr/browse/feed/) import RssParser from 'rss-parser' async pars..

Node.js 2021.02.24

Node.js - File system

파일목록 읽기 ( fs.readdir ) const fs = require('fs') fs.readdir('/file', (err, data) => { if (err) { console.error(err) } else { console.log(data) } }) const fs = require('fs') - fs 모듈 사용 readdir(path[, options], callback) - 비동기로 디렉토리안의 파일들 이름을 읽음 path | | - 파일 경로 options | - 옵션 encoding Default: 'utf8' - 문자열 인코딩 방식 withFileTypes Default: false - true일 경우 파일들이 fs.dirent 객체로 반환됨(참고) callback - 콜백 err ..

Node.js 2021.01.21