Express로 todo 리스트 만들기 3

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(...); // 데이터 단건조회 //..

• format_list_bulleted Back-End Study/Express
• · 2024. 3. 4.
• textsms

Express로 todo 리스트 만들기 2

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..

• format_list_bulleted Back-End Study/Express
• · 2024. 3. 2.
• textsms

Express로 todo 리스트 만들기 1

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..

• format_list_bulleted Back-End Study/Express
• · 2024. 3. 1.
• textsms

DB 연동하기

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 ..

• format_list_bulleted Back-End Study/Express
• · 2023. 11. 23.
• textsms

Express로 JSON 응답 받기

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..

• format_list_bulleted Back-End Study/Express
• · 2023. 11. 22.
• textsms

Express.js 설치

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..

• format_list_bulleted Back-End Study/Express
• · 2023. 11. 22.
• textsms