JavaScript 3

Next.js에서 Axios GET 요청 보내기 구현 [React]

items.json은 깃허브에 배포한 제 블로그의 게시물 데이터 파일입니다. 제 items.json 또한 공개된 장소에 누구나 접근할 수 있으므로 Nest.js에서 Axios로 데이터를 요청해 보았습니다. -- Next.js 설치npx create-next-app@latest-- 프로젝트 디렉토리로 이동cd my-nextjs-project-- 프로젝트 실행npm run dev   Next.js에서는 `/app` 하위에 있는 `page.tsx`가 기본 화면으로 동작합니다. 그래서 `/app/page.tsx`가 `localhost:3000/` 에 접속했을때 보이는 기본 화면이 됩니다. 저는 `/app` 하위에 `/request` 를 생성한 후, `page.tsx`를 생성했습니다. 이 `/reqeust/pag..

JavaScript 2025.02.05

NestJS 백엔드 REST API 구축 기록 [mongoDB]

NestJS를 사용해 수입/지출 관리를 위한 기본 REST API를 구축하고 실행한 것입니다.주요 작업 내용과 코드를 기록한 문서입니다. 1. NestJS 프로젝트 생성NestJS는 백엔드 애플리케이션 프레임워크로, 모듈 기반 구조와 데코레이터를 활용한 선언적 코딩 스타일을 제공합니다.초기 프로젝트 설정과 IncomeExpenseModule 생성은 애플리케이션의 구조를 정리하는 작업입니다. 2. Mongoose 및 MongoDB 연결Mongoose를 통해 MongoDB와 통신할 수 있도록 설정했습니다.MongoDB는 NoSQL 데이터베이스로, 수입/지출 데이터를 저장할 데이터베이스로 사용되었습니다.MongooseModule.forFeature를 사용해 IncomeExpense라는 Mongoose 모델을 ..

JavaScript 2024.12.27

Node.js로 경량 API서버 구현해보기 [Express]

Node.js와 npm이 컴퓨터에 올바르게 설치되어 있어야 합니다. 프로젝트를 설치할 폴더로 이동 후, 다음 코드를 작성합니다.  /* 터미널에서 입력*/// 프로젝트 초기화mkdir rest-api-servercd rest-api-servernpm init -y// Express 설치npm install express/* server.js를 루트 경로에 생성하고, 아래 코드 작성*/const express = require('express');const app = express();const port = 3000;// JSON 요청을 파싱하기 위한 미들웨어app.use(express.json());// 간단한 라우트 예제app.get('/', (req, res) => { res.send('Hello..

JavaScript 2024.10.28