Node, Nest, Deno/🚀 Node.js (+ Express) 검색 결과

해당 글 52건

multer 모듈을 이용해 이미지, 동영상을 업로드하기

한국어로 번역된 설명이 있습니다. expressjs/multer Node.js middleware for handling `multipart/form-data`. - expressjs/multer github.com npm install multer node.js에서 이미지나 동영상 같은 파일을 올릴 때 multer를 사용하게 된다. multer는 이미지나 동영상을 제출하면 그것을 해석하는 역할을 맡는다. - 최소한의 Hello world 코드 여기서 핵심만 짚자면 form에는 enctype을 multipart/form-data로 input에는 accept값을 준다는 것이다. file 백단에는 multer 객체를 하나 만든 후 (upload) 메소드를 활용하여 미들웨어로 통과시킨다. (upload.sin..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 27. 22:37

mongodb으로 스키마, 모델 생성하기 (in node.js)

기본적으로 다음을 활용한다. 스키마를 통해 데이터의 이름과 타입을 지정하고 모델을 통해 해당 스키마의 모델을 만든다. const VideoSchema = new mongoose.Schema({}) const model = mongoose.model("모델의 이름", VideoSchema) 코드 예시는 다음과 같다. import mongoose from "mongoose"; const VideoSchema = new mongoose.Schema({ fileUrl: { type: String, required: "FileUrl is required" // 필수 항목을 작성하지 않았을 때 출력될 문구 }, title: { type: String, required: "title is required" }, de..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 27. 15:45

도메인에 동적인 변수가 들어갔을 경우 실행 방법

라우터를 다음과 같이 사용한다고 생각해보자 id가 39458이라면 /users/39458로 접속하게 만들고 싶다. const routes = { home: HOME, userDetail: id => { if (id) { return `/users/${id}`; } else { return USER_DETAIL; } } 결국 함수이기 때문에 routes.userDetail을 execute 시켜야 한다. routes.userDetail() userRouter.get(routes.userDetail(), userDetail);
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 18. 23:03

mixin

views > layouts > partials에서 일종의 모듈을 만들어서 재활용한 경험이 있을 것이다. mixin도 이와 유사하다. 다른 정보지만 같은 형식을 가진 것들(대표적으로 DB records)을 캡슐화한다. 정리하자면 mixin은 다른 정보 같은 형식 먼저 controller를 통해 템플릿으로 변수 전달 해주자. import { enlistedVideo } from "../db"; export const home = (req, res) => res.render("home", { pageTitle: "Home", videos: enlistedVideo }); 더미 데이터가 든 enlistedVideo를 videos라는 이름으로 home 템플릿으로 넘겨줬다. 이제 mixin을 생성해보자. view..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 18. 20:30

Controller에서 전달한 배열을 each로 사용해보자

import { enlistedVideo } from "../db"; export const home = (req, res) => res.render("home", { pageTitle: "Home", videos: enlistedVideo }); db의 배열[] 을 home 템플릿으로 videos라는 변수로 넘겨주었다. 이 변수를 home.pug에서 활용하는 방법은 'each'를 사용하는 것이다. for과 같은 iteration 명령이라고 보면 된다. extends layouts/main.pug block contents div.video each i in videos h1= i.title
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 18. 19:25

req.query 값을 템플릿으로 전달하기

form 태그에서 입력한 값을 search.pug라는 템플릿으로 전달하는 것이 목표이다. header.header .header__column a(href=routes.home) .header__column form(action=routes.search, method="get") input(type="text", placeholder="Search by term...", name="term") .header__column ul li a(href=routes.join) Join li a(href=routes.login) Log in 우선, header.pug에 form 태그와 input 태그를 설정해 주었다. method가 get임에 주의하자! get 메소드가 url에 정보를 추가해주기 때문이다. post..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 14. 03:18

controller에서 템플릿으로 변수 전달

export const home = (req, res) => res.render("home", { pageTitle: "Home" });​ 컨트롤러에서 처음 전달하는 인자는 views 내에 있는 pug이고 두번째로 전달하는 인자는 변수이다. html(lang="en") head meta(charset="UTF-8") meta(name="viewport", content="width=device-width, initial-scale=1.0") title #{pageTitle} | #{siteName} link(rel="stylesheet", href="") body include ../partials/header main block contents include ../partials/footer 다음과 같..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 13. 16:21

one single source of truth! / local 변수를 global화 하기

앞 서 살펴본 partials 중 header에서 anchor 태그로 연결된 링크에 대해서 생각해보자. header.header .header__column .header__column ul li a(href="#") Join li a(href="#") Log in 보통 html에서는 /join 이런 식으로 직접 url을 줬으나 이는 비효율적이다. 추후에 수정해야 할 경우 이 경로를 포함한 코드 전부를 찾아서 수정해야 할 것이 아닌가. one single source of truth. routes.js에서 다 처리해야 한다. 즉, 아래와 같은 방식으로 처리해야 한다. a(href=routes.join) Join 이를 위해선, 1. middleware를 만든 후 routes를 import한다. => loc..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 13. 15:40

MVC design pattern(MVC 디자인 패턴)

MVC는 각각 model(data), view(data가 보이는 방식), control(data를 찾는 함수) 사용자는 control -> model -> view의 형태로 이용하게 된다. youtube cloning 작업에서 활용했던 예를 가져오자면 │ .babelrc │ .gitignore │ app.js │ init.js │ middlewares.js │ package-lock.json │ package.json │ README.md │ routes.js │ tree_view.txt │ ├─controllers │ userControllers.js │ videoControllers.js ├─routers │ globalRouter.js │ userRouter.js │ videoRouter.js │ ..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 11. 13:06

★ express에서 router 사용법

습관적으로 Router는 다음을 세팅해 놓고 사용합시다. import express from "express" const router = express.Router(); export default router // app.js app.use(routes.users, userRouter); //userRouter.js import express from "express"; const userRouter = express.Router(); userRouter.get("/editProfile", (req, res) => "editProfile"); userRouter.get("/changePassword", (req, res) => "changePassword"); userRouter.get("/users/:..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 11. 03:16