💻기술/NodeJS

SASS 기존 웹페이지에 스타일을 적용하기 위해서는 CSS로 하나하나 변경해주어야 하는 번거로움이 있다. 이 같은 CSS의 개발 편의성을 높이기 위해 등장한 SASS, 프리프로세서 스크립트 언어이다. CSS의 경우 HTML환경에 style 태그만 지정해주면 바로 로드가 되는데 이 SASS란 녀석은 그렇지가 않다. 사용하기 전에 CSS로 컴파일하는 과정이 필수다. 그래서 보통 웹팩과 함께 사용된다. 1. 필요 라이브러리 설치 npm i webpack webpack-cli sass sass-loader style-loader mini-css-extract-plugin css-loader 설치를 완료해주면 웹팩 설정파일을 만들어준다. 2. webpack.config.js import MiniCssExtract..

winston 설치 및 설정 아래 명령어를 입력해서 설치해줍니다. npm i winston 코드 설정 import winston from 'winston'; import dayjs from 'dayjs'; const messageSymbol = Symbol.for('message'); const colorset = { "INFO": "\x1b[34m[ %s ]\x1b[0m", "ERROR": "\x1b[31m[ %s ]\x1b[0m", "WARN": "\x1b[33m[ %s ]\x1b[0m" } export async function init () { winston.configure({ level: 'info', format: winston.format.combine( winston.format(func..

⚙️ 기본 설정 다음과 같은 환경을 사용해서 개발합니다. Es6 문법 webpack5 nodejs v17.5.0 🚀 프로젝트 세팅 웹팩 5와 javascript-obfuscator 모듈을 활용하겠습니다. 먼저 npm 모듈을 설치합니다. npm install --save-dev webpack-cli javascript-obfuscator webpack-obfuscator package.json 에서 번들링 구문을 설정해줍니다. { ... "scripts": { "start": "node app.js", "bundle:development": "webpack --mode=development", "bundle:production": "webpack --mode=production" }, ... } 🔌 Web..

I. 라우팅 소개 라우팅은 URI의 정의와 클라이언트 요청에 응답하는 표현 방식을 말한다. 라우팅을 잘 사용하면 견고한 프로젝트와 개발 생산성이 향상될 수 있다. 이 글에서는 다중 라우팅을 설정하는 방법에 대해 알아보려 한다. 기본 디렉토리/파일 형식은 다음과 같다 app.js - api/ - api.js - routes/ - users.js II. 설정 방법 라우팅을 사용해서 아래와 같이 요청을 보내고 싶다면 어떻게 해야 할까. GET /api/users/1 router.get('/api/users/:user_id', users.load); 위와 같이 무식하게 할 수 도 있지만 라우팅으로 분리하여 각 파일별로 기능을 나눌 필요가 있다. app.js const express = require('expre..

기다릴 시간도 없습니다. #002 "기다릴 시간도 없습니다" 시리즈의 두 번째 강좌입니다. 첫번째 강좌와 이어집니다. https://devent.tistory.com/36 [ 코드보며 배우는 NodeJS ] 초기 코드 세팅 기다릴 시간도 없습니다. #001 "기다릴 시간도 없습니다" 시리즈의 첫 번째 강좌입니다. 다른 강좌와는 다르게 코드만 보여주고 끝납니다. 설명이 없다고요? 하하, 이 강좌는 이론 따윈 씹어먹습니다. 이론은 널리.. devent.tistory.com views, pub 2개의 디렉토리를 생성해 줍니다. views : ejs 템플릿이 올라가는 디렉토리입니다. pub : bootstrap 과 같은 css, js 등과 같이 공개되는 파일 입니다. ejs 설치는 npm install ejs ..

기다릴 시간도 없습니다. #001 "기다릴 시간도 없습니다" 시리즈의 첫 번째 강좌입니다. 다른 강좌와는 다르게 코드만 보여주고 끝납니다. 설명이 없다고요? 하하, 이 강좌는 이론 따윈 씹어먹습니다. 이론은 널리고 널렸으니 지금 바로 시작합니다. (구글링 조금만 하시면 NodeJS 설치하는건 금방 나옵니다) 처음에는 npm install express 를 NodeJS 커멘드 창에 입력합니다. var express = require('express'); var http = require('http'); var app = express(); var server = http.createServer(app); app.get('/', function(req, res) { res.send("Hello World")..

안녕하세요 Dipokal HHJ 입니다. 최근 며칠 동안 NodeJS 에 빠져 여러가지 상용 서비스들을 구현해가며 든 생각을 정리해보려고 합니다. 저는 중학생 입니다. PHP 쓰다가 NodeJS 가 좋아보여서 생각을 정리하려고 쓴 글임을 알려드립니다..! NodeJS 의 장점 PHP 쓰다가 NodeJS 를 처음 사용해보는 제 입장에서는 정말 새로운 세계를 만난 기분이였습니다. 파일 업로드 부터 시작해서, 로그인, 보안.. 그야말로 신세계였다고 표현할 수 있을것 같습니다. PHP 에서는 .php 파일내에 html 코드와 php 코드를 병합해서 사용해야 하는데, NodeJS 는 EJS 가 있어서 디렉토리 관리, 파일관리가 유용했습니다. 파일 업로드 기능을 구현한 뒤 느낀점은 보안 입니다. PHP 처럼 그냥 ..