꾸생의 DevLog

[Node.js] Bcrypt로 사용자 비밀번호 암호화하기

Node.js - Bcrypt 사용하기 Bcrypt는 레인보우 테이블 공격 방지를 위해 솔트(Salt)를 통합한 적응형 함수 중 하나라고 한다. SHA 종류의 암호화는 GPU 연산에 유리한 32비트 논리 및 연산만 사용하기 때문에 GPU 연산을 이용한 공격에 취약하다고 한다. 그래서 Bcrypt 설계자는 Blowfish를 이용해 구현했다고 함. 레인보우 테이블 : 해시 함수를 사용하여 변환 가능한 모든 해시 값을 저장시켜 놓은 표 솔트 : 데이터, 비밀번호, 통과암호를 해시 처리하는 단방향 함수의 추가 입력으로 사용되는 랜덤 데이터 1. bcrypt 모듈 설치 > npm install bcrypt 2. bcrypt모듈 불러오기 const bcrypt = require('bcrypt'); 3. 비밀번호 암..

2021.06.17  

React Webpack-dev-server 설정

Webpack-dev-server 리액트 코딩을 하면서 웹팩 빌드를 실행하고 결과를 확인하는 절차가 너무 번거로워 파일을 저장했을때 바로바로 빌드한 결과를 확인할 수 있도록 도와주는 Webpack-dev-server 설치와 설정 방법을 기록해본다. 1. webpack-dev-server, html-webpack-plugin 설치 > npm i webpack webpack-cli webpack-dev-server html-webpack-plugin -D 2. package.json 스크립트 명령어 추가(선택) { // ... "scripts": { "dev": "webpack serve" }, } 3. webpack.config.js 설정 var path = require('path'); var HtmlW..

2021.06.17  

MYSQL AUTO_INCREMENT 설정 및 초기화 명령어

MYSQL AUTO_INCREMENT AUTO_INCREMENT는 테이블에 데이터가 추가될때 마다 값이 1씩 증가시켜준다. 하지만 테이블 값이 변경되고 시작 값을 초기화 해야할 경우 아래 명령어를 사용하면 된다. AUTO_INCREMENT 설정 MYSQL> CREATE TABLE 'USERS'(No INT PRIMARY KEY AUTO_INCREMENT, NAME VARCHAR(20)); 테이블을 생성할때 'AUTO_INCREMENT'를 넣어준다. AUTO_INCREMENT 초기화 //AUTO_INCREMENT 초기화 ALTER TABLE '테이블명' AUTO_INCREMENT= '시작할 값'; 초기화할 때는 해당 테이블 현재 AUTO_INCREMENT 값보다 큰 값으로 설정해야함.

2021.06.16  

[React] 리액트 webpack & babel 설정하기

React - webpack & babel 기존 CRA(Create-React-App) 프로젝트 생성 방식이 아닌, 수동으로 리액트 환경을 설정하는 방법으로 웹팩과 바벨 설정 방법을 알아보자. 1. 프로젝트 설정 및 리액트 설치 init-y npm i react react-dom - 웹팩(Webpack) 웹 어플리케이션의 규모가 커지면서 프로젝트마다 엄청난 자원의 파일들이 하나로 모여 구성된다. 이때, 파일들의 관계는 복잡하고 무겁기 때문에 브라우저가 이해하고 로드하는데 시간이 소요된다. 이 문제를 해결하기 위해 웹팩(Webpack)이라는 모듈 번들러를 사용해 파일들의 의존성 관계를 정리 및 최적화, jsx파일을 합쳐 하나의 자바스크립트 파일로 만들어준다. 번들러 : 여러 개의 파일을 모듈화 해서 하나의..

2021.06.15  

MYSQL 컬럼과 관련된 명령어 모음

MYSQL 컬럼 명령어 컬럼 추가 명령어 mysql> ALTER TABLE '테이블 이름' ADD '추가할 컬럼 이름' '컬럼 타입' DEFAULT '디폴트 값'; mysql> ALTER TABLE 'user' ADD COLUMN 'Rank' INT(10) DEFAULT 0 AFTER 'user_id'; //user_id 뒤에 추가 mysql> ALTER TABLE '테이블 이름' ADD COLUMN '컬럼 이름' INT(10) DEFAULT 1 FIRST; // ALTER TABLE '테이블 이름' MODIFY '변경할 컬럼 이름' '타입과 크기'; mysql> ALTER TABLE user MODIFY password varchar(60); 컬럼 이름 변경 명령어 mysql> ALTER TABLE '..

2021.06.14  

노트북 데스크 셋업 (+거치대, 모니터암)

노트북 데스크 셋업 및 주변기기 안녕하세요. 꾸생입니다 :) 노트북 데스크셋업에 필요한 아이템들을 소개해보려고 해요! 데스크탑 없이 노트북만 사용하는 유저로서 주변기기는 정말 필수 아이템인데요. 아래 사진에서 보여드릴게요. 첫 번째로는 노트북 거치대입니다. 발열에 취약한 노트북은 바닥에 내려놓고 사용하기보다 거치대에 올려놓고 사용하면 더욱 좋은데요. 거북목 방지에도 도움이 되기 때문에 노트북을 사용하는 분이라면 필수 아이템이에요! 키크론 K8 유무선 블루투스 키보드는 텐키리스 제품이기 때문에 기존 키보드 배열에서 오른쪽 숫자 키패드부분이 삭제된 모델입니다. 숫자 키패드가 없어서 살짝 어색한 느낌은 있지만 적응하니 나름 괜찮더라구요. 텐키리스 길이가 짧다보니 책상위에 놓았을때 아담해서 보기가 좋고 깔끔한걸..

2021.06.06  

MySQL 외부 접속 허용 설정방법

[Ubuntu] MySQL 외부 접속 허용 설정 처음 MySQL을 설치하면 기본적으로 외부에서 접속을 할 수 없도록 설정되어 있는데, 아래 순서대로 외부 IP를 허용할 수 있도록 설정해주면 된다. 1. MySQL 접속 > mysql -u root -p 2. 생성한 데이터베이스 사용설정 > use [Database이름]; 3. 외부 접속 허용을 위해 아래 명령어 실행 > GRANT ALL PRIVILEGES ON account.* TO '사용자이름'@'%' IDENTIFIED BY '비밀번호'; 따옴표 다 입력해야 함! 4. 변경사항 적용 > FLUSH PRIVILEGES 5. 콘솔로 나가기 > exit 6. MySQL 설정 파일 수정 > sudo vi /etc/mysql/mysql.conf.d/mysql..

2021.06.06  

[Node] Express POST 데이터 송수신

Express POST 데이터 송수신 Express 프레임워크를 사용해 클라이언트와 서버가 통신하는 Post 방식에 대한 방법이다. HTML 태그 중 태그에서 태그 중 submit 타입의 버튼을 실행시키면 폼 태그 속성 중 'method'에 정의한 방법으로 'action' 속성에 정의한 위치로 전송한다. index.html //클라이언트 //POST방식으로 'localhost:XXXX/insert-txt'로 전송 submit www.js $ npm install body-parser --save //POST BODY의 데이터 파싱을 위해 body-parser 설치 const express = require('express'); const web = express(); const bodyParser = r..

2021.06.05