잉

사용자 생성 시 비밀번호를 암호화 한다. crypto 설치 비밀번호 암호화는 sha256으로 처리할 예정이며 이를 위해 다음의 라이브러리를 설치 한다. > npm install crypto hash 처리 함수 만들기 hash(비번만들기용)을 만들고 이를 확인(비번확인용)하는 함수를 만들어 보자. /lib/hashUtil.js const crypto = require('crypto'); const iterations = 1005; // 반복횟수(1000번 이상) const hashUtil = { // hash함수 생성 makePasswordHash(password) { return new Promise((resolve, reject) => { if (!password) { reject(new Error('..

(꼭 이구조를 사용할 필요는 없지만 관리하기 좋다.) CRUD 구조 본 프로젝트는 자바스프링의 MVC 구조를 모방한다. 프로세스의 흐름은 Controller --> Service --> DAO의 순서를 따르며 각 구조별 파일명은 다음과 같다. (예: Department) Model (테이블 정의 파일): /models/department.js Controller (라우터 파일): /routes/department.js Service (비즈니스 로직 파일): /service/departmentService.js DAO (데이터 액세스 파일): /dao/departmentDao.js (참고: 아직 만들어지지 않은 파일이 있으니 찾지 말 것.) 코딩 순서는 Model --> DAO --> Service -->..

사용자 테이블을 생성해 보자. 사용자는 부서에 속해있는 구조로 하여 부서 테이블과 조인을 한다. 사용자 테이블은 다음과 같다 user 속성명필드명타입기타 pk id int 부서PK department_id int FK(department.id) 이름 name varchar(100) 아이디 userid varchar(255) unique, not null 비밀번호 password varchar(500) not null 사용자권한 role varchar(20) 이메일 email varchar(255) 전화번호 phone varchar(255) 비밀번호 변경일 updated_pw_date datetime 등록일시 created_at datetime 수정일시 updated_at datetime 삭제일시 dele..

DB연동 DB준비 DB는 다음과 같이 (별도로) 준비한다. PostgreSQL 11.4 sequelize ORM 방식을 사용하기 위해 sequelize를 설치 한다. (버전은 6를 선택 한다.) https://sequelize.org/v6/ DB 클라이언트 설치 nodejs에서 DB를 연결해서 사용하려면 해당 DB의 클라이언트 프로그램이 설치되어야 한다. 다음과 같이 각 데이터베이스 종류별로 설치할 수 있다 우리는 이 중 PostgreSQL을 설치하도록 한다. (이제 설치하자) > npm install pg pg-hstore --save sequelize 설치 > npm install sequelize --save sequelize 접속 설정 sequelize를 통한 DB접속을 위해 다음과 같이 DB접속..

라이브러리 설치 필수적인 라이브러리들을 다음과 같이 설치해서 사용하도록 한다. dotenv .env파일을 사용하기 위해 dotenv 라이브러리를 설치한다. dotenv 설치 > npm install dotenv --save dotenv 사용 .env환경을 사용하려면 다음과 같이 사용할 수 있다. const dotenv = require('dotenv'); dotenv.config(); const NODE_ENV = process.env.NODE_ENV; bodyparser bodyparser 설치 > npm install body-parser --save bodyparser 설정 /app.js ... const logger = require('morgan'); const bodyParser = requi..

node.js 설치 version: v14.15.4 (nvm을 이용하여 버전관리 할 것. (윈도우용 nvm: https://github.com/coreybutler/nvm-windows/releases )) > nvm install 14.15.4 64 > nvm use 14.15.4 64 > nvm list * 14.15.4 (Currently using 64-bit executable) 12.20.0 express 설치 express-generator를 이용하여 기본 구조를 생성 한다. https://expressjs.com/ko/starter/generator.html (참고로 현재 디렉토리는 C:\Workspace 이다) > npm install express-generator -g > expres..

로그인/아웃 처리는 jwt를 발행/폐기 하는 방식으로 처리 한다. 발급된 토큰정보는 웹브라우저의 localStorage에 저장한다. 백엔드 서버에 전송할때 토큰은 request.headers.token에 전송 한다. (백엔드의 API를 확인할 것) 응답 받을때 토큰은 response.headers.token에 전송 받는다. (백엔드의 API를 확인할 것) 참고 우리는 별도의 헤더 정보를 사용하며 Bearer를 사용하지 않는다. 로그인 화면 로그인 화면은 상단의 app-header부분 없이 독립된 디자인의 페이지로 생성하도록 한다. 1) 로그인용 index.vue 파일 생성 라우터를 처리할 index.vue파일을 생성 한다. /src/views/auth/index.vue 2) 로그인 페이지 생성 로그인용 ..

Axios UserList: http://localhost:8080/test-user/list UserInfo: http://localhost:8080/test-user/info 백엔드의 RestAPI를 호출하기 위해서 axios를 설치 한다. Axios란? https://github.com/axios/axios 1) Axios 설치 > npm install axios vue-axios --save 2) axios 함수 파일 생성 다음과 같이 axios를 처리하는 함수를 만들어서 사용하도록 한다. /src/store/apiUtil.js import axios from 'axios' const api = axios.create() export default api 향후 위 파일에서 api.intercept..