T3ch

Node.js와 Vue (물론 기본적인 html도 가능합니다) 를 이용하여 서버단에 있는 파일을 다운로드하는 코드샘플입니다. 기본적인 express 서버를 띄우는 설정이나 실행환경 셋팅은 제외하였습니다. [router.js] 1 2 3 4 5 const util = require('./util.js') router.get('/download',(req, res, next)=>{ util.download(req, res) }) Colored by Color Scripter cs 일단 기본적인 라우터 셋팅입니다. 단순하게 /download 라는 라우터로 진입했을 때 util.js 파일에 있는 download 함수를 실행시켜주는 코드입니다. [util.js] 1 2 3 4 5 6 7 8 9 10 11 expo..

일단 Vue js와 Nuxt에 대한 세부적인 내용이 없는 부분은 양해부탁드립니다. Nuxt를 사용하고나서 겪었던 장단점들을 적어보려 합니다. 직관적인 Vue 프레임워크 웹 개발을 쉽고 강력하게 만들어주는 오픈소스 프레임워크인 Nuxt.js로 여러분의 다음 Vue.js 애플리케이션을 만들어보세요. Nuxt 공식 홈페이지에 나와있는 대문 문구입니다. 위 말 그대로 Vue를 front-end 도구로 사용하기 쉽게끔 만들어진 framework입니다. 공식 홈페이지가 한글로 이미 번역이 되어있어서 자세한 설명은 공식 홈페이지를 참조하는게 가장 적합합니다. 이 글에선 직접 NUXT JS로 개발을 하면서 겪었던 내용들을 위주로 작성하였습니다. 기존의 Vue를 쓰면서 필요했던 작업들... 단편적으로 vue를 사용한다는..

사용하다보니 몇 가지 문제점이 있어서 해결방법은 추후에 업데이트하도록 하겠습니다. 원래는 혼자 공부목적으로 쓰다가 실무에서 적용하려다보니 기존에 쓰던 구조에서 변경의 필요성의 느껴졌습니다. 이유는 다음과 같습니다. 상용과 개발환경에 따라 사용하는 데이터베이스가 다릅니다. 하나의 프로그램에서 필요에 여러개의 데이터베이스 접근이 가능해야합니다. 개발서버DB와 상용서버DB가 완벽하게 일치하지 않기 때문에 entity 생성도 별개로 되어야합니다. 이전 챕터까지 진행했다면 sequelize 문법 사용이 가능한 js 파일들 (보통 entity라고 하는 것 같습니다.) 이 생성되었을 겁니다. 하지만 위와같은 제약사항을 해결해야한다면 index.js 파일부터 sequelize-auto 모듈을 사용하여 entity를 생..