Back-End Study/Express

Express로 todo 리스트 만들기 3 1. todo 리스트 데이터 생성 이번엔 todo 리스트 데이터를 생성하는 기능을 만들어 봅시다. #1. app.js에 들어가 다음과 같은 내용을 추가해 줍니다. import express from "express"; import cors from "cors"; import mysql from "mysql2/promise"; // DB 설정 // const pool = mysql.createPool({...}); const app = express(); app.use(express.json()); // CORS 미들웨어 추가 app.use(cors()); const port = 3000; // 데이터 조회 // app.get(...); // 데이터 단건조회 //..

Express로 todo 리스트 만들기 2 1. Express로 todo 리스트 조회하기 이제 todo를 조회하는 기능을 만들어봅시다. #1. VSCode의 터미널에 다음과 같이 입력하여 mysql2를 설치해 줍니다. npm i mysql2 #2. app.js에 들어가서 다음과 같이 입력해 줍니다. import express from "express"; import cors from "cors"; import mysql from "mysql2/promise"; // DB 설정 const pool = mysql.createPool({ host: "localhost", user: "newbean", password: "juv0312", database: "todo_2024_02", waitForConnect..

Express로 todo 리스트 만들기 1. Express로 todo 리스트 만들기 Express를 사용하여 todo 리스트를 만들어 봅시다! #1. git에 올릴 repository와 작업할 폴더를 만들어 줍시다. (저는 todo-backend-2024-02라고 만들었습니다.) #2. VSCode에 다음과 같이 입력하여, express를 설치해줍니다. npm i express #3. 설치가 완료되었으면, package.json 파일에 다음과 같이 입력하여 import를 사용할 수 있게 설정합니다. { "dependencies": { "express": "^4.18.2" }, "type" : "module" } #2. 그 다음, app.js 파일을 생성한 후, 다음과 같이 입력해 줍니다. import e..

DB 연동하기 1. DB 연동하기 - Express.js에 sql로 데이터베이스를 연동해봅시다. - #1. SQLyog에 들어가서 먼저 다음과 같이 입력하여, 데이터베이스를 생성합니다. ※ SQL에 관한 공부는 여기로! CREATE DATABASE wise_saying; USE wise_saying; - #2. wise_saying라는 테이블을 생성하고 show tables를 입력하여 제대로 생성 되었는지 확인해봅시다. CREATE TABLE wise_saying ( id INT UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, content VARCHAR(200) NOT NULL, author VARCHAR(50) NOT ..

Express로 JSON 응답 받기 1. Express로 JSON 응답 받기 - Express.js를 통해 JSON을 응답받아 봅시다. - #1. app.js에 다음과 같이 입력합니다. import express from "express"; const app = express(); const port = 3000; const wiseSayings = [ { content: "나는 의적이다.", author: "홍길동", }, { content: "나는 도적이다.", author: "임꺽정", }, ] app.get("/wise-sayings", (req, res) => { res.json(wiseSayings); }); app.listen(port, () => { console.log(`Example a..

Express.js 설치 1. Express.js 설치 - Express.js를 설치해 봅시다. (자세한 내용은 Express 사이트를 참조.) - #1. 먼저 폴더를 생성한 뒤, VS Code로 들어가서 npm i express를 입력하여, express를 설치합니다. - #2. (선택) 파일들이 생성 되었으면, package.json에 들어가 "type" : "module"을 입력합니다. → 모듈을 가져올 때, import를 사용하기 위해 입력하였습니다. - #3. 생성했던 폴더에 app.js 파일을 생성한 뒤, 다음과 같이 입력합니다. import express from "express" const app = express() const port = 3000 app.get('/', (req, res..

Express.js 0. 공부하기 전 - Express.js를 공부하기 전에, Express.js가 어떤 것이고, 무슨 특징이 있는지 먼저 알아봅시다. 1. Express.js - Express.js는 Node.js 환경에서 웹 애플리케이션 및 API를 개발하기 위한 웹 프레임워크입니다. - Node.js의 기능을 확장하고, 웹 애플리케이션을 구축하고 관리하는 데 도움이 되는 다양한 기능을 제공합니다. 2. 특징 및 기능 - 라우팅(Routing) -URL 경로 및 HTTP 메소드를 기반으로 라우팅을 지원합니다. ※ 라우팅 : 웹 애플리케이션에서 클라이언트의 요청에 따라 어떤 코드가 실행되어야 하는지 결정하는 프로세스 - 이를 통해, 요청이 특정 엔드포인트로 전송되는 방식을 정의할 수 있습니다. - 미들..