Vue (2) 썸네일형 리스트형 Express.js와 Vue.js로 만드는 SPA(Single Page Application) Part 2. 이전 Part 1에서 우리는 Express와 Vue를 연동한 개발 환경을 구축했다. Part 2에서는 Express와 MongoDB를 이용해 REST API 서버를 구축하는 과정을 다룬다. Mongoose 설치 Mongoose란 MongoDB ODM(Object Document Mapping) 중 하나이다. Mongoose를 이용하면 Object와 Document를 매칭할 수 있다. 즉, Mongoose는 Document를 DB에서 조회할 때 자바스크립트 객체로 바꿔주는 역할을 한다. 다음 명령어를 이용해 backend에 mongoose를 설치하자. $ npm i mongoose --s MVC 구축 Node.js를 사용하면 Ruby On Rails나 Django와 달리 원하는 형태의 디자인 패턴을 구축하.. Express.js와 Vue.js로 만드는 SPA(Single Page Application) Part 1. 시작하기 전에 이 글은 MEVN Stack이라고 불리는 MongoDB, Express.js, Vue.js, Node.js를 이용해 SPA로 동작하는 To-do Application을 만드는 튜토리얼이다. 튜토리얼은 총 4개의 Part로 구성될 예정이며, Part 1에서는 구현에 앞서 Express.js와 Vue.js를 이용한 통합 개발 환경을 만든다. 작성자 환경 버전 Node 10.15.3 Express 4.17.1 Vue 2.9.6 Mongo 4.0.2 frontend 폴더 생성하기 vue-cli 명령어를 사용하면 간단히 Vue 개발 환경을 구축할 수 있다. $ npm i vue-cli -g // vue-cli가 설치되어 있지 않은 분들은 해당 명령어를 통해 설치해주세요. $ vue init webp.. 이전 1 다음