Light Dev

목차 Babel 이란? Babel이란 최신 ES6, ES7 버전의 JavaScript 코드를, ES5버전의 코드로 바꾸어주는 Node.js 패키지를 의미한다. Babel을 사용해야 하는 이유 계속해서 변화하는 JavaScript의 최신 코드를 이해하지 못하는 웹 브라우저의 문제를 해결하기 위하여, 또는 컴퓨터만이 아니라, 스마트폰에서 사용하는 브라우저에서도 자바스크립트 코드를 작동되도록 만들어주기 때문에 사용해야 한다. Babel 작동방식 Babel은 여러개의 플러그인이, 자신이 이해할 수 있는 ESNext 문법만 골라, 컴파일하는 방식으로 작동된다. ESNext 구문을 Babel 플러그인으로 보낸다. 여러개의 Babel 플러그인이 파이프라인 형태로 차례대로 실행한다. Babel 플러그인이 이해할 수 있..

목차 package.json이란? package.json이란 현재 프로젝트에 관한 정보와 패키지 매니저(npm, yarn)을 통해 설치한 모듈들의 의존성을 관리하는 파일이다. JavaScript { "name": "tutorial", "version": "1.0.0", "description": "", "main": "server.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } 이름처럼 JSON 포맷으로 이루어져 있다. 생성방법 package.json을 생성하려면 다음 명령어를 통해 생성할 수 있다. Shell npm init // 프로젝트명, 설명 등 작성할 ..

목차 Bcrypt란? hash 함수를 이용해 정보를 암호화 할 수 있도록 해주는 Node.js 패키지가 바로 Bcrypt이다. Bcrypt의 필요성 MD5 방식의 해시함수는 빠르기는 하지만 보안이 약하기 때문에 해킹이 취약하다. SHA 방식의 해시함수는 안전하기는 하나, 암호화하는데 시간이 너무 오래 걸린다. 공유 메시지 ( salt )를 입력값에 추가하는 방식은 무차별 대입 공격을 막아주지는 못한다. bcrypt는 사용자가 보안도와 속도를 유동적으로 정할 수 있다. 해시 함수 별 성능 비교 해시 함수 MD5 bcrypt 느림 보안 약함 중간 느림 속도 빠름 중간 느림 Bcrypt 사용법 Bcrypt 설치하기 Shell npm i bcrypt 비밀번호 만들고 암호화 하기 JavaScript //index..

목차 PM2란? PM2는 'Production Process Manager for Node.js'의 줄임말로 Node.js를 통해서 만든 프로그램을 관리해주는 프로그램을 뜻한다. PM2를 사용하는 이유 PM2를 사용하지 않을 경우, 에러가 발생하여 프로그램이 중지 되는 경우가 있다. 그러나 PM2를 사용할 경우, 프로그램 동작이 중지되면 PM2가 프로그램 동작을 다시 실행 시켜 주기 때문에 매우 유용하다. PM2를 사용하면서 코드를 수정 할 때, 서버를 끄고 다시 시작하는 번거로움 없이, 코드를 저장하고 웹 새로고침만 해주면 수정사항이 반영되기 때문에 매우 유용하다. PM2 설치 프로젝트 파일 터미널 창에서 아래 코드 입력 Shell npm install pm2 -g 위 코드가 실행이 안될 경우 아래 코..

목차 Express.js는 무엇인가? Expresss는 Node.js의 프레임워크로, Node.js를 이용하여 웹 개발을 할 때, Expresss 프레임워크를 사용하면 훨씬 간편하게 개발을 할 수 있게 도와주는 프레임워크이다. Expresss 프레임워크의 특징을 다음과 같다. 프레임워크중 점유율이 가장 높다. 많은 개발자들이 사용하고 있어 정보들을 많이 얻을 수 있다. 확장 모듈이 많이 있고 추가하기 용이하게 되어있다. Express 설치 방법 Express를 설치하기 위해서는 Node.js가 설치되어 있어야 한다. Express 설치는 NPM과 Yarn을 이용하여 설치하면 된다. Shell npm install express # or yarn add express Hello World 띄우기 그럼, E..

목차 Package.json 생성 TS-Node를 사용하기 전에 Package.json을 생성한다. TypeScript // 'package.json' 다음 명령어로 생성하고 전부다 enter 처리하면 된다. $ yarn init // 'package.json' 생성을 자동으로 하고 싶다면 $ yarn init -y 설치하기 Package.json을 생성하였다면 TS-Node 관련 패키지를 설치한다. Shell // 'Express', 'typescript', 'nodemon' 설치하기. $ npm install express @types/express @types/node nodemon ts-node typescript # or $ yarn add express @types/express @types/..

목차 TS-Node는 무엇인가? JavaScript를 웹이 아닌 콘솔에서 실행하기 위해서는 Node.js를 설치한 후에 node 자바스크립트파일명.js를 통하여 실행할 수 있다. 물론 TypeScript 파일도 자바스크립트 문법으로만 작성을 한다면 node 타입스크립트파일명.ts를 통하여 실행이 가능하긴 하다. 그러나 타입스크립트 문법으로 작성된 .ts 파일은 Node.js에서 실행이 되지 않는다. 왜냐하면 Node.js는 JavaScript 파일만 해석할 수 있지, TypeScript 파일은 해석할 수 없기 때문이다. 그래서 TypeScript 파일을 Node.js에서 실행하기 위해서는 TS-Node를 설치해야 된다. TS-Node는TypeScript 코드를 JavaScript로 컴파일하지 않고 직접 ..

목차 Dotenv는 무엇인가? 웹 개발을 하다보면 특정 값들은 다른 개발환경을 사용할려고 하거나, 다른 컴퓨터로 코드를 옮겨야 할 때 수정이 필요하다. 예를 들면. 다른 컴퓨터에선 3000 포트를 사용해야 할 때. 나중에 DB를 이전하여 DB 접속 문자열이 바뀌는 상황. 내가 만든 코드를 팀원과 공유해야 하는데 내 아이디와 비번이 적혀있어서 보안 문제가 발생할 때. 이러한 환경에 따라 가변적인 변수 데이터들을 환경변수라고 부른다. 영어로는 environment variable이라고 부른다. 그래서 웹 개발자을 할 때는 환경변수를 한곳에 모아서 관리하게 되는데 이를 .env 파일에 모아서 관리하게 된다. .env파일에 모든 중요 환경변수들을 넣은 다음에, server.js로 가서 .env파일에 있는 포트정..