- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- MYSQL
- atlas
- TypeScript
- sequelize
- til
- jsonwebtoken
- single quote
- EC2
- mongoose
- certbot
- Nodejs
- flutter
- moment
- RDS
- css
- mongodb
- Node.js
- clipBehavior
- async
- JavaScript
- AWS
- nginx
- https
- findByIdAndDelete
- Find
- Express
- wil
- await
- TailwindCSS
- double quote
목록Express (9)
기억 휘발 방지소
👉 Nginx 설치 Nginx는 nginx.org에서 설치할 수 있다. Stable version을 다운로드 받아 사용했다. 👉 실행 & 종료 위에서 다운받은 압축파일을 풀고 nginx.exe를 더블클릭해 실행하면 된다 혹은 cmd에서 압축을 해제한 경로로 들어와서 start nginx를 치면 된다. 종료, 재시작 할 때도 마찬가지로 nginx가 설치된 경로까지 들어와서 아래 명령어를 치면 된다. 종료: nginx -s stop nginx -s quit 재시작: nginx -s reload 👉 localhost 접속해보기 nginx가 실행이 됐으면 브라우저에서 localhost라고 쳐보면 아래 이미지처럼 나오는데 이렇게 나오면 제대로 된 것이고 기본 포트가 80이기 때문에 localhost 뒤에 ':포트..
AWS RDS 인스턴스 생성도 해봤으니까 Node.js와 연결을 해보자 프레임워크는 Express, ORM은 Prisma를 사용했고 모든 코드는 TypeScript로 작성했다. Prisma를 사용하기 위해서는 먼저 @prisma/client를 설치해야한다. 아래 명령어로 설치하면 된다. npm install @prisma/client 그리고 Prisma 프로젝트를 생성한다. npx prisma init prisma라는 폴더 안에 schema.prisma라는 파일이 자동으로 생성된다. 이 파일은 스키마를 정의하기 위한 초기파일이다. // prisma/schema.prisma generator client { provider = "prisma-client-js" } datasource db { provide..
설치한 라이브러리들은 다음과 같다 express typescript @types/express: Express 모듈에 대한 type을 지원 @types/node: Node.js 타입을 추가 nodemon 먼저 간단한 예시 코드를 만들었다. // app.ts import express from "express"; const app = express(); app.listen(4000, () => { console.log("✅ Server listening on 4000"); }); 에러처리를 위한 미들웨어를 만드는데 JavaScript로 했을 때와 좀 다른게 매개변수의 타입을 다 적어줘야했다. express.Request, express.Response, express.NextFunction을 넣어줘도 되고..
아래 명령어로 express-session을 설치할 수 있다. npm i express-session import express from "express"; import session from "express-session"; const app = express(); app.use( session({ httpOnly: true, secure: true, secret: "I am secret key", resave: false, saveUninitialized: false, cookie: { httpOnly: true, secure: true, maxAge: 20000, } }) ); httpOnly: 자바스크립트를 통해 세션 쿠키를 사용할 수 없도록 함 secure: https 환경에서만 session ..
📌 POST 요청 보내기 form(method="POST", action="/post/edit") input(name="title", placeholder="Title", required) input(value="Save", type="submit") pug로 만든 간단한 form이다. 실행하면 아래처럼 나온다. 입력을 하고 Save버튼을 누르면 /post/edit으로 전송한다. (단, form으로 전송할 때에는 input에 반드시 name이 있어야한다) console.log(req.body); // undefined 콘솔로 찍어보면 undefined가 뜬다. 📌 urlencoded app.js에서 라우터 위에 아래코드를 작성해주면 콘솔로 찍었을 때 브라우저에서 입력한 값을 제대로 나온다. extende..
html을 브라우저로 리턴해주는 방법은 2가지 방법이 있다. res.send("")처럼 html코드를 적어서 리턴 res.render("파일이름")으로 html파일자체를 리턴 첫 번째 방법은 html이 간단하면 괜찮은데 길어지면 코드 자체가 너무 길어지고 재사용하기도 힘들다. 그래서 두 번째 방법으로 하는게 낫다. pug라는 템플릿 엔진을 사용해서 html을 작성해보려고한다. 📌 Pug pug는 html의 ''를 없애고 최대한 간결한 키워드를 사용하는 것이 장점이다. 파이썬처럼 들여쓰기를 하여 계층구조를 구분한다. 또한 #{...}으로 변수명이나 JS코드를 입력해서 사용할 수도 있다. doctype html html(lang="en") head title= pageTitle script(type='tex..