웹개발/NodeJs 썸네일형 리스트형 [Node.js] Passport 로그인 구현 (express & vue) 개발환경: Windows10, VS Code 지난 포스팅에 이어서 진행한다. ( express & vue 연동 1 ) ( express & vue 연동 2 ) Backend 작업 1. backend 프로젝트를 열고, 터미널에서 express-session과 passport, passport-local을 설치한다. > npm i express-session passport passport-local - passport는 express-session을 사용하므로 express-session도 설치해야한다. - 유저의 아이디와 비밀번호를 통한 로그인을 구현할 것이므로 passport-local을 설치한다. (그외에 strategy들을 추가 설치하면 구글, 페이스북, 네이버, 카카오 등을 이용한 로그인도 구현할.. 더보기 [Node.js] express & vue 연동 2 개발환경: Windows10, VS Code 지난 포스팅에 이어서 진행한다. ( express & vue 연동 1 ) fontend 작업 1. frontend 프로젝트를 열고, config/index.js 파일을 열어서 proxyTable을 설정한다. proxyTable: { '/api': { target: 'http://localhost:3000/api', changeOrigin: true, pathRewrite: { '^/api': '' } } } http 통신을 간편하게 하기 위한 것으로 프론트엔드에서 '/api' 주소로 요청 발생시 'http://localhost:3000/api' 주소로 요청을 보낸다. 이 설정을 하지 않으면 http 요청시마다 'http://localhost:3000/api' .. 더보기 [Node.js] express & vue 연동 1 개발환경: Windows 10, VS Code Vue 설치 1. 프로젝트 폴더를 생성하고, 해당 폴더로 이동한다. 2. vue-cli 를 전역 설치한다. > npm i vue-cli -g 3. vue 프로젝트('frontend')를 생성한다. (with webpack) > vue init webpack frontend - 각 내용은 그냥 엔터키를 눌러 기본값을 사용하거나 필요에 따라 수정한다. - ESLint, unit test, e2e test는 필요에 따라 사용한다. 4. frontend 폴더로 이동하여 프로젝트를 실행한다. > cd frontend > npm run dev 5. localhost:8080으로 접속하여 vue 화면을 확인한다. 6. 커맨드창에서 Ctrl+C 를 두번 눌러 서버를 종료한.. 더보기 이전 1 다음
