NodeJS 시작하기 및 익스프레스

어서 오십시오

우리가 nodejs에서 알고 있듯이 index.js라는 하나의 파일에만 모든 것을 빌드할 수 있지만 향후 개발에는 적합하지 않으므로 여기서는 쉬운 구조를 나타내고 프로젝트 아키텍처 구성을 시작할 수 있도록 모든 것을 설명하겠습니다.

nodejs를 처음 사용하는 경우 나를 팔로우하기 전에 nodejs를 설치하십시오.

먼저 새 폴더인 Init nodejs를 만들고 아래 스크린샷과 같이 vscode로 노드 프로젝트를 여는 것으로 시작합니다.

vscode를 열면 package.json 파일 하나만 찾을 수 있습니다

.

먼저 많은 일을 더 쉽게 해주는 nodejs 프레임워크인 express를 설치해야 합니다.
이제 vscode 터미널이나 다른 터미널을 열고 지금 필요한 종속성을 설치하겠습니다!

npm install express

app.js라는 첫 번째 파일을 만들어 보겠습니다.

touch app.js

이 코드 추가

const express = require("express");

const app = express();

app.use(express.json());
app.use("/", (req, res) => res.send("Hello world!"));

module.exports = app;

여기에서 우리는 익스프레스 앱을 만들고 있습니다. 먼저 const라는 이름의 앱에서 익스프레스 초기화 익스프레스를 가져오고 express.json을 사용하여 JSON 구문 분석을 처리하고 "/"경로를 요청할 때 Hello world 텍스트를 보내고 마지막으로 내보냈습니다. !

이제 server.js를 생성합니다.

touch server.js

이 코드 추가

const app = require("./app");
const port = 8000;

app.listen(port, () => {

console.log(`App running on ${port}...`);

});

보시다시피 앱 모듈을 가져와서 애플리케이션이 작동할 포트를 만들고 앱을 시작했습니다.

server.js 파일을 시작하겠습니다!

node server.js

이것이 우리 앱이 포트 8000에서 실행되는 결과입니다.



이제 방문하자http://localhost:8000/Hello world !

우리는 nodeJS로 Hello 세계를 구축했습니다! 이제 제품을 만들고, 읽고, 업데이트하고, 삭제하는 간단한 crud 애플리케이션을 빌드하여 좀 더 흥미로운 것을 만들어 봅시다.
따라서 이 경우 데이터를 저장할 장소가 필요합니다! 간단한 변수를 사용하여 이를 수행하지만 다음 장에서는 데이터베이스

를 사용합니다.

app.js 파일에 다음 코드를 추가하여 제품 데이터를 생성하고 검색해 보겠습니다.

app.get("/products", (req, res) => {
  res.json(products);
});

app.post("/products", (req, res) => {
  const body = req.body;
  products.push(body);
  res.json(body);
});

보시다시피/products 끝점에 get 요청을 할 때 방금 JSON 형식으로 제품 배열을 반환했습니다.
두 번째 함수를 사용하면 새 제품을 제품 배열에 푸시하고 추가한 데이터를 반환할 수 있습니다.
이제 업데이트 및 삭제 부분을 수행해 보겠습니다.

app.delete("/products/:id", (req, res) => {
  const id = req.params.id;
  const filtredProducts = products.filter((value, index) => index != id);
  products = filtredProducts;
  res.json(filtredProducts);
});
app.patch("/products/:id", (req, res) => {
  const id = req.params.id;
  const body = req.body;
  products[id] = body;
  res.json(products);
});

이 코드 줄에서 제품을 삭제하는 첫 번째 경로와 제품을 업데이트하는 두 번째 경로를 만들었습니다.
먼저 ID를 가져오고 배열을 필터링하여 ID와 일치하지 않는 제품을 가져오고 필터링된 제품으로 업데이트했습니다.

두 번째로, 우리 id와 같은 index를 가진 상품을 업데이트하고 본문에 있는 것으로 데이터를 업데이트했습니다.

최종 App.js 코드:

const express = require("express");

let products = [];
const app = express();

app.use(express.json());
app.get("/products", (req, res) => {
  res.json(products);
});

app.post("/products", (req, res) => {
  const body = req.body;
  products.push(body);
  res.json(body);
});
app.delete("/products/:id", (req, res) => {
  const id = req.params.id;
  const filtredProducts = products.filter((value, index) => index != id);
  products = filtredProducts;
  res.json(filtredProducts);
});
app.patch("/products/:id", (req, res) => {
  const id = req.params.id;
  const body = req.body;
  products[id] = body;
  res.json(products);
});
app.use("/", (req, res) => res.send("Hello world!"));

module.exports = app;

API를 테스트하기 위해 Postman

이라는 도구를 사용합니다.

제품 추가 요청 게시 보내기**

제품 가져오기 요청 보내기

제품을 삭제하기 위해 삭제 요청 전송

제품 업데이트를 위한 패치 요청 보내기

이것은 다음 장에서 Express 및 nodejs에 대한 간략한 소개였습니다. MongoDB 사용, 구조 생성 및 코드 분할과 같은 더 흥미로운 작업을 수행할 것입니다.

-Github 코드 : https://github.com/bahachammakhi/Getting-started-with-nodejs