전체 글 61

app.js

// 삭제 or 수정import express from "express";import * as postController from "../controller/post.mjs";const router = express.Router();// 모든 포스트 가져오기// 해당 아이디에 대한 포스트 가져오기// GET// http://127.0.0.1:8080/posts/// http://127.0.0.1:8080/posts?userid=applerouter.get("/", postController.getPosts);// 글번호에 대한 포스트 가져오기// GET// http://127.0.0.1:8080/posts/:idrouter.get("/:id", postController.getPostId);// 포스트 ..

Backend/X.com 2025.04.27

Route

1. Route: 웹 애플리케이션에서 클라이언트가 요청한 URL 경로와 HTTP 메서드(GET, POST 등)에 따라 서버가 어떤 동작을 수행할지를 정의하는 규칙입니다. 즉, 사용자가 /login, /about 같은 특정 경로로 요청을 보냈을 때, 그 요청을 처리할 코드를 지정해주는 역할이다.웹 애플리케이션에서 클라이언트가 요청한 URL 경로와 HTTP 메서드(GET, POST 등)에 따라 서버가 어떤 동작을 수행할지를 정의하는 규칙이다. 즉, 사용자가 /login, /about 같은 특정 경로로 요청을 보냈을 때, 그 요청을 처리할 코드를 지정해주는 역할을 한다. 1.1 route methodimport express from "express";const app = express();app .rout..

Backend/Node.js 2025.04.27

Express

1. Express: Express 는 Node.js 환경에서 가장 널리 사용되는 웹 애플리케이션 프레임 워크로 , 서버를 쉽고 빠르게 구출 할 수 있도록 다양한 기능을 제공한다.간단하게 라우팅 처리, 요청/응답 객체 관리, 미들웨어 설정, 정적 파일 제공, 템플릿 엔진 연결 등을 할 수 있어 개발 생산성을 크게 높여준다. 특히 RESTful API 구출에 최적화되어있음 1.1 app.jsconst express = require("express");const path = require("path");const app = express();const port = 3001;// post 데이터 받는방법app.use(express.urlencoded({ extended: true }));// app.use(..

Backend/Node.js 2025.04.27

EJS

1. EJSEJS(Embedded JavaScript)는 HTML 안에 , 문법을 이용해 JavaScript 코드를 삽입할 수 있도록 도와주는 템플릿 엔진입니다. 서버에서 데이터를 넘겨주면, 그 데이터를 HTML에 자동으로 넣어서 브라우저에 보낼 수 있게 해줍니다. 1.1 설치 npm install ejs 1.2 server.jsconst http = require("http");const fs = require("fs");const ejs = require("ejs");const path = require("path");const server = http.createServer((req, res) => { if (req.url == "/") { const filePath = path..

Backend/Node.js 2025.04.27

HTTP

1. http 모듈: node.js의 http 모듈은 웹 서버를 만들 수 있게 해주는 핵심 내장 모듈로 클라이언트(브라우저 등)의 요청을 받고 , 응답을 반환하는 기능을 제공함. 이 모듈을 통해 별도의 웹 서버 소프트웨어(Apache, Nginx 등) 없이도 Node.js 자체로 웹 서버를 만들 수 있으며, http.createServer() 메서드를 사용해 요청 처리 함수를 정의하고, 서버를 특정 포트에서 실행할 수 있다. 주로 REST API를 만들거나 HTML 파일을 전송하는 등의 기본적인 웹 애플리케이션 서버 개발에 많이 사용된다. const http = require("http");const server = http.createServer((req, res) => { const url =..

Backend/Node.js 2025.04.27

파일 입출력

1. 파일 입출력: 파일 입출력(file I/O)는 매우 중요한 기능 중 하나로, 주로 fs( File system) 모듈을 사용해서 파일을 읽고 쓰는 작업을 수행함. 2. 파일 읽기2.1 동기 방식(Synchronous): 코드가 순서대로 실행되며, 파일을 다 읽을 때까지 다음줄로 넘어가지 않는다.// fs.readfileSync : 동기 --> 별도로 오류(예외)처리해야함const fs = require("fs");const data = fs.readFileSync("example.txt", "utf8");console.log("파일내용 : ", data); 2.2 비동기 방식(Asynchronous): 파일을 읽는 동안 다음 코드를 먼저 실행하고, 다 읽으면 콜백함수로 결과를 넘긴다.// fs.r..

Backend/Node.js 2025.04.27

Module

모듈: JS 모듈은 코드의 재사용성과 유지보수성을 높이기 위해 기능을 개별 파일로 분리하여 사용할 수 있도록 해주는 구조이다.export 키워드를 사용하여 모듈에서 변수, 함수, 클래스 등을 외부로 내보내고. import 키워드를 사용하여 다른 파일에서 이들을 불어와 사용할 수 있다.이를 통해, 전역 변수 오염을 방지하고, 각 기능을 독립적으로 관리할 수 있어 복잡한 애플리케이션 개발에 적합한 구조를 제공한다. 1. CommonJs 방식의 모듈📁 counter.js (모듈 파일)let count = 0;function increase() { count++;}function getCount() { return count;}// 모듈화 -> getCount 함수를 새로 만들어 주소만 전송// 모듈화로 ..

Backend/Node.js 2025.04.27

package.json

1. 패키지 매니저: 패키지 매니저는 Node.js 프로젝트에서 필요한 라이브러리(패키지)를 설치, 관리, 업데이트 할 수 있게 도와주는 도구이다. 1.1 npm (NodePackage Manager)- Node.js 설치 시 자동설치 1.2 yarn- 페이스북에서 만든 npm의 대안- npm보다 빠르고 안정적인 패키지 관리를 목표로 만들어짐- 설치가 병렬로 진행되어 속도가 빠름 2. package.sjon: Node.js 프로젝트의 정보를 담고있는 핵심 파일이다.이 파일은 말 그대로 " 패키지에 대한 설명서" 이다. 프로젝트 이름부터 실행 스크립트까지 다양한 정보들을 담고있다.Node.js 프로잭트를 만들 떄, npm init 명령어를 실행하면 이 파일이 자동으로 생성된다. 2.1 package.jso..

Backend/Node.js 2025.04.27

function & class 학습응용

// 하나의 로직을 수행하는 동작의 묶음// 데이터를 저장하지 않고 실행만 함function Person(name, age) { this.name = name; this.age = age; this.greet = function () { console.log(`안녕하세요, 저는 ${this.name}입니다.`); };}// 데이터 + 메서드를 하나의 틀로 묶은 설계도 객체를 만들 수 있음// 객체를 만들 수 있음.const p1 = new Person("이메론", 30);p1.greet();class Person { constructor(name, age) { this.name = name; this.age = age; } greet() { console.log(`안녕하..

Frontend/JS 2025.04.23