본문 바로가기
  • 실행력이 모든걸 결정한다
반응형

분류 전체보기580

[Express] 예제로 Router 쉽게 이해하기 만약 처리해야 할 요청이 무수히 많아진다면, 이 요청들을 한 파일에 관리하는 것은 쉽지 않을 것이다. 그렇다면 요청들을 어떻게 파일로 분리할 수 있을까? 간단한 예제를 준비해보았다. 목표 : 이 15개의 이 요청들을 알파벳별로 나눠서 각각 파일로 저장하기 -> (/a/1, /a/2, /a/3), (/b/1, /b/2, /b/3), (/c/1, /c/2, /c/3), (/d/1, /d/2, /d/3), (/e/1, /e/2, /e/3) const express = require('express') const ejs = require('ejs') const app = express() const router = express.Router() app.set("view engine", "ejs") app.use.. 2021. 7. 29.
[Express] 에러 처리 HTTP 상태 코드별로 에러 처리를 할 수도 있다. 다른 말로는, 에러 페이지를 커스터마이징한다고도 할 수 있을 것 같다. ※ HTTP 상태 코드 모음 https://ko.wikipedia.org/wiki/HTTP_%EC%83%81%ED%83%9C_%EC%BD%94%EB%93%9C HTTP 상태 코드 - 위키백과, 우리 모두의 백과사전 아래는 HTTP(하이퍼텍스트 전송 프로토콜) 응답 상태 코드의 목록이다. IANA가 현재 공식 HTTP 상태 코드 레지스트리를 관리하고 있다. 모든 HTTP 응답 코드는 5개의 클래스(분류)로 구분된다. 상태 코 ko.wikipedia.org 다음과 같은 방법으로, 특정 상태 시 여러분이 커스터마이징한 페이지로 이동시킬 수 있다. res.status([HTTP 상태 코드].. 2021. 7. 29.
[Express] Compression / app.use() / 정적 파일 1. Compression Compression은 웹 사이트를 gzip으로 압축시켜서 로딩 속도가 빨라지게 도와주는 미들웨어다. 압축을 푸는 과정이 추가될지라도, 규모가 큰 웹 애플리케이션에서는 상당한 성능 상승효과를 기대할 수 있다. 설치 npm install compression --save 적용 const express = require('express') const compression = require('compression'); //★ const app = express() ... app.use(compression()); //★ 2. app.use() const express = require('express') ... const app = express() app.use(bodyParser.. 2021. 7. 28.
[개발중 Progress #7] Open The Door! Progress #7 Create Account 구현 Save Data 구현 Load Data 구현 1. Create Account Test https://youtu.be/1ArOhCcNK1k 테스트 절차 1. ID나 비밀번호 입력을 안 했을 경우 오류 문구 - Enter ID and Password! 2. 비밀번호 확인이 안 맞을 경우 오류 문구 - Password doesn't match confirmation! 3. 이미 존재하는 ID일 경우 오류 문구 - This ID already exists! 4. 성공의 경우 문구 - Success! 2. Save Data Test https://youtu.be/QwcLylEXQqg 테스트 절차 1. 4단계까지 클리어한 상황 2. 5단계 클리어 3. 서버에 .. 2021. 7. 27.
[Express] View 처리 1. ejs 템플릿 엔진 소개 ejs는 Embedded Javascript의 줄임말로, HTML 코드에 Javascript 코드를 섞어 쓸 수 있는 Template이다. HTML 코드에 자바스크립트 문법의 조건문, 반복문, 변수 등을 추가할 수 있기 때문에 동적인 페이지를 만들기 좋다. 2. ejs 설치 다음 명령어로 ejs를 설치한다. npm install ejs --save 3. ejs 적용 const express = require('express') const ejs = require('ejs') //★ const app = express() app.set("view engine", "ejs") //★ ... 4. 예제 ejs를 사용한 간단한 view 처리 예제를 준비해봤다. 1) app.js 생.. 2021. 7. 27.
[Express] Get, Post 데이터 받기 / 동적 URL 처리 1. Get 데이터 받기 express 객체의 get 메소드를 사용해야 한다. const express = require('express') const app = express() app.get('/get_test', function(req,res){ var id = req.query.id; var password = req.query.password; res.send(`your id is ${id} and your password is ${password}`); }) app.listen(3000, ()=>console.log('Example app listening on port 3000!')) req.query는 querystring을 받는다. 결과 2. Post 데이터 받기 express 객체의 p.. 2021. 7. 26.
[Express] Express 소개 / starter 프로젝트 생성 1. Express란? Node.js기반의 Web Framework들 중 하나 2. Node.js 설치 Express는 Node.js기반의 Web Framework이기 때문에 Node.js가 설치되어 있어야 한다. 아래 링크에서 다운로드를 진행하면 된다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 터미널에 node를 입력했을 때, 다음과 같이 버전이 출력된다면 Node.js가 성공적으로 설치된 것이다. 3. Express 설치 터미널에 다음 명령어를 입력하여 Express를 설치한다. npm install expre.. 2021. 7. 25.
[AWS] AWS 기초 다지기 1. AWS란? Amazon Web Service 아마존 닷컴에서 제공하는 클라우드 서비스로, 클라이언트 사이드 애플리케이션에서 개발자가 사용할 수 있는 온라인 서비스들을 제공한다. 2. AWS의 필요성 서비스의 규모가 커질수록 운영과 관리에 필요한 노력이 더욱 요구된다. 보안에도 더 신경 써야 하고, 지속적으로 관리해줘야 한다. 이럴 때일수록 스스로 직접 관리하기보다는 믿을만한 업체나 전문가에게 관리를 맡기는 것이 좋을 것이다. 여러분이 서비스를 운영할 때 여러분 소유의 로컬 컴퓨터 서버로 운영하게 된다면, 컴퓨터가 꺼진 상태에서는 서버가 돌아가지 않기 때문에 유저들은 여러분이 운영하는 서비스를 이용할 수 없다. 그러나 여러분들이 AWS같은 클라우드 서비스에서 대여해주는 서버를 사용한다면, 그 서버는 .. 2021. 7. 25.
[Spring Boot] 예제로 Lombok 쉽게 이해하기 1. Lombok이란? 코드를 간소화 시켜주는 어노테이션들을 제공하는 라이브러리로, Lombok을 적절히 잘 활용하면 개발 시간을 많이 단축시킬 수 있다. 2. 예제 해당 예제는 Spring Boot에서 Gradle 프로젝트로 작성했다. 1) 목표 아래 소스 코드는 필자가 예시로 작성한 평범한 DTO이다. 이 긴 코드를 Lombok을 이용하여 리팩토링해 볼 것이다. package com.example.demo.entity; public class User { // 변수 선언 private String id; private String password; private String name; private int age; // 생성자 public User(String id, String password, S.. 2021. 7. 22.

티스토리툴바