# express

52개의 포스트
post-thumbnail

nodejs #7 express-handlebars (1) 템플릿엔진?

express-handlebars handlebars 공식 홈페이지 handlebars 공홈에서는 핸들바를 Handlebars is a simple templating language.라 정의하고 있다. 그래서 템플릿 언어가 무엇인고오~.... 가능한 쉽게 설명해보면

3일 전
·
0개의 댓글
post-thumbnail

nodejs #6 express & static파일 폴더 설정

static 파일은 image, video, sound와 같이 파일 자체를 말한다. <img src='경로' />를 통해 이미지를 HTML문서에 넣었다면 이미지의 경로를 작성해야 하는데 이 경로를 static폴더를 설정하여 넣을 것이다. 만약 따로 설정하지 않고

3일 전
·
0개의 댓글

nodejs #5 express 사용하기

nodejs 프레임워크이다. 이전포스팅에서 진행한 http, fs 같은 기능을 통합하여 여러줄의 코드를 단 몇줄의 코드로 간편하게 사용할 수 있게 도와준다. 아직은 생소하고 써본적이 없어 모르겠지만 익숙해져보자아~express 공식사이트 : 한국어npm install

3일 전
·
0개의 댓글
post-thumbnail

nodejs #4 서버 재부팅없이 파일 수정하기 nodemon

node 명령어로만 서버를 실행 했을때 프로젝트 서버, 파일 등에 변동이 있을때마다 서버를 재부팅해야하는 불편함이 있다. 하지만 위대한 개발자님들께서 이를 자동으로 업데이트 되도록 도와주는 모듈(라이브러리)을 만들었는대 바로 Nodemon이다. nodemon은 전역에

3일 전
·
0개의 댓글
post-thumbnail

nodejs #1 nodejs 설치

설치 node.js nodejs는 구글에서 개발한 v8엔진을 이용해 nodejs.org 사이트에서 다운로드 & 설치 package.json 패키지관리 초기화 터미널에서 프로젝트 폴더로 이동한 뒤 npm init -y 명령어를 통해 package.json을 생성/패

3일 전
·
0개의 댓글
post-thumbnail

[express] 라우터, 컨트롤러, 미들웨어로 나누어 관리하기

express 공식 문서의 hello world 예제를 보면 라우팅을 다음과 같이 처리하는 것을 볼 수 있다. 이러한 방법은 어떤 엔드포인트로 접근했을 때 어떤 동작을 하게 되는지 한 눈에 볼 수 있어 유용할 수 있다. 그런데 좀만 앱이 복잡해지면 위와 같은 방법으로

4일 전
·
0개의 댓글

Express url 스트링을 통한 정보전달

위와 같이 쿼리 스트링을 사용하고 싶은경우. req.query를 사용한다. 복수의 쿼리스트링을 가져오는 것도 가능: path 방식을 통한 url의 경우 params를 통해서 값을 가져올 수 있다.깔끔한 URL을 유지하고, 사용자가 URL을 기억하기 쉽다주요 정보를 변수

2020년 3월 25일
·
0개의 댓글

express에서 ngrok으로 외부에 서버 공개하기

ngrok이란 로컬 서버를 임의의 url을 통해 인터넷에 노출시켜주는 역할을 한다. NAT와 방화벽 뒤에 있는 로컬서버를 안전한 터널을 통해 공개 인터넷에 노출 시켜 주는 도구포트포워딩과 같은 네트워크 환경설정 변경 없이 로컬에 실행중인 서버를 안전하게 외부에서 접근

2020년 3월 25일
·
0개의 댓글
post-thumbnail

Frontend - 동적 주소 생성: Next.js와 express 연결하기

Next.js는 /user/:id와 같이 동적 주소를 처리하지 못하기 때문에, 동적 주소를 처리하기 위해서는 Next.js와 express를 연결할 필요가 있다.backend 서버에서 했던 것 처럼 front에도 관련 모듈을 설치한 후 express로 서버를 만든다.개

2020년 3월 24일
·
0개의 댓글

앱에서 서버로 부터 받은 이미지 로딩 시 속도 느린 경우

이미지 리사이즈 - 반드시 필요. 서버에서 클라이언트로 보내주기 전에 이미지를 리사이징한다.이미지 최적화 - 올바른 형식과 퀄리티를 선택해야한다.적절한 CDN(Content Delivery Networks) 선택 - CDN들은 글로벌하게 분산된 캐시/프록시 서버의 집합

2020년 3월 24일
·
0개의 댓글
post-thumbnail

첫 글을 작성한다.

나에게 질문을 던져 본다. 가장 처음으로 내가 개발자가 되기로 마음먹은 시점으로 돌아간다.난 기획업무가 좋았고, 기획자가 되었다. 주변환경, 주어진 업무까지 너무 완벽했다.내가 꿈을 키우기 충분했고, 항상 더 배우려고 했다.좋은 기획자가 되기 위해서, 명확한 문장을 쓰

2020년 3월 20일
·
0개의 댓글
post-thumbnail

Backend - 로그인 정보 저장: passport 모듈

사용자 정보는 서버의 세션에프론트에는 세션을 조회할 수 있는 쿠키를 전달

2020년 3월 18일
·
0개의 댓글
post-thumbnail

react router 404 error 해결

CRA(Creat React App)+SpringBoot로 간단하게 쇼핑몰 프로젝트 진행을 하고 있습니다. 로컬에서 npm run start로 개발 및 테스트를 진행하고 있던 중, npm run build를 통해 생성된 build파일로 실행을 해보고 싶었습니다.

2020년 3월 1일
·
0개의 댓글

Useful express middlewares

helmet, morgan, cookie-parser, express.json()

2020년 2월 28일
·
0개의 댓글
post-thumbnail

GraphQL#2 - Apollo Server Setting + Query

GraphQl과 Apollo server를 연동해보기.지난 포스트에 이어 이번에는 Express로 Apollo server를 구현해보고 GraphQL을 연동해보자. npm module부터 설치.Test 용도로 Dummy Data용 json을 일단 하나 만들어보자. 예시

2020년 2월 27일
·
0개의 댓글

Express 프레임 워크 사용해보기

NodeJS의 웹 프레임 워크를 사용하면 간편하게 웹 서버를 구축할 수 있다.웹 프레임 워크 종류는 대표적으로 express, Koa, Hapi 등이 있다.Express를 사용해서 웹 서버를 구축해 보았습니다. 디렉토리는 아래의 항목(2번부터)에 잘 설명되어 있습니다.

2020년 2월 21일
·
0개의 댓글

Express 라우터 분리하기

NodeJS의 Express프레임워크는 라우터 분리 기능을 제공합니다.기본적으로는 라우터를 구성할 때 다음과 같이 코드를 작성합니다.웹 페이지에서 '/' 로 접근했을때 'Hello world!'가 보여지는 코드입니다.하지만 프로젝트가 커지면, 라우터의 수가 늘어나게되고

2020년 2월 14일
·
1개의 댓글
post-thumbnail

GraphQL - Node Tutorial - 10. Summary

이제 여러분은 Node.js를 사용하여 GraphQL 서버를 만드는 법, 필터링과 인증, 페이지네이션과 구독을 구현하는 베스트 프랙티스를 모두 배웠습니다.

2020년 2월 13일
·
0개의 댓글
post-thumbnail

GraphQL - Node Tutorial - 09. Filtering, Pagination & Sorting

Node.js, Express, Prisma를 사용하여 GraphQL API에 필터링 및 페이지네이션 기능을 추가해봅니다.

2020년 2월 12일
·
0개의 댓글

Node.js express로 백엔드 개발

여기서 알아볼 개념 각 URL별 접속 요청 처리 클라이언트의 GET / POST 요청(데이터, 파일 전송) 및 서버 응답 static 폴더를 지정해 편의성 향상 0. 사전 설치 Node.js https://velog.io/@gwak2837/Node.js-%EC%84%

2020년 1월 21일
·
0개의 댓글