본문 바로가기
반응형

Express2

[ MEVN 스택 ] 2. Vue + Express axios로 연동하기 프로젝트 과정 1. vsCode에 vue, express 프로젝트를 생성한다. 2. vue와 express를 연동한다. - 현재 포스트 3. Mongoose DB를 생성한다. (로컬이 아닌 클라우드 서비스 이용할 예정) 4. 웹 프로젝트와 DB를 연동한다. 5. Google Cloud Platform에서 원격 컴퓨터를 임대받는다. 6. 임대받은 컴퓨터에 서버환경을 구축한다. 7. 서버에 우리의 프로젝트를 배포한다. 8. localhost가 아닌 실제 서버에 접속해서 만들어진 기능을 시험해본다. vue와 express를 연동하기 전에 이해를 돕기 위해 전체 구조를 설명해보겠다. 우리는 vue를 express 프로젝트 내부에 빌드하고, 빌드된 vue를 사용해서 작업하는 express를 실제 서버에 배포할 것.. 2020. 6. 10.
[ MEVN 스택 ] 1. Vue + express프로젝트 생성 MEVN 스택이란? Mongoose DB + Express + Vue.js + Node.js 의 약자이다. 몽구스 DB를 이용하며, Node.js런타임 위에서 동작하는 JS의 Express 프레임워크로 백엔드를 구성하고, 프론트엔드를 Vue.js프레임워크로 구성한다고 이해하면 된다. 유사한 MEAN, MERN스택은 프론트엔드의 Vue만 Angular, React로 바뀐 것이라고 생각하면 된다. 프로젝트 과정 1. vsCode에 vue, express 프로젝트를 생성한다. - 현재 포스트 2. vue와 express를 연동한다. 3. Mongoose DB를 생성한다. (로컬이 아닌 클라우드 서비스 이용할 예정) 4. 웹 프로젝트와 DB를 연동한다. 5. Google Cloud Platform에서 원격 컴퓨.. 2020. 6. 10.
반응형