๋ชฉ๋ก์ ์ฒด ๊ธ (1005)
๐ ๊ณต๋ถํ๋ ์ง์ง์ํ์นด๋ ์ฒ์์ด์ง?
=> แแ ฆแแ ตแแ ด แแ ขแแ กแฏแแ กแจแแ ญ 20 typescript express แแ ฅแจแแ ญแผแแ กแแ ต ๐งธ http ๋ก ์น ์๋ฒ ๊ตฌํํ๊ธฐ import http from "node:http" const server = http.createServer((req, res) => { if (req.url === "/about") res.end("good!!") else res.end("hello") }) server.listen(3000) ๐งธ express ๋ก ์น ์๋ฒ ๊ตฌํํ๊ธฐ import express from "express" const app = express() app.get("/", (req, res) => { res.send("hello") }) app.get("/about", (req, res) => { ..
=> แแ ฆแแ ตแแ ด แแ ขแแ กแฏแแ กแจแแ ญ 19 TCPแแ ฉแผแแ ตแซ แแ ตแแ ขแแ กแแ ต ๐งธ ์์ผ (Socket) ๋คํธ์ํฌ ํ๊ฒฝ์ ์ฐ๊ฒฐํ ์ ์๊ฒ ๋ง๋ค์ด์ง ์ฐ๊ฒฐ๋ถ ํ๋กํ ์ฝ, ip์ฃผ์, ํฌํธ๋๋ฒ ๋จ์ด์ ธ ์๋ ๋ ํธ์คํธ๋ฅผ ์ฐ๊ฒฐํด์ฃผ๋ ๋๊ตฌ = ์ธํฐํ์ด์ค ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์ ์ ์๋ ๊ตฌ์กฐ์ฒด๋ก ์์ผ์ ํตํด ๋ฐ์ดํฐ ํต๋ก๊ฐ ๋ง๋ค์ด์ง ์์ผ์ ์ญํ ์ ๋ฐ๋ผ client ์์ผ, server ์์ผ์ผ๋ก ๊ตฌ๋ถ๋จ https://alpaca-gt.tistory.com/273 ์ฐธ๊ณ ๐งธ 1. socket ์ผ๋ก client ์ server ์ฐ๊ฒฐํ๊ธฐ ๐ชดclient import net from "node:net" const client = net.createConnection({port: 3000}) client .on("ready", () => con..
=> ํ์ ์คํฌ๋ฆฝํธ ์ฐ๋ ์ด์ & ํ์ ๋ฌธ๋ฒ 10๋ถ ์ ๋ฆฌ ๐งธ TypeScript ์ค์นํ๊ธฐ npm install -g typescript ๐งธ ์๋์ผ๋ก js ๋ก ๋ณํํด์ค (ํฐ๋ฏธ๋์ ์ผ๋๊ณ ์งํํ์ผ) tsc- w ๐งธ ํ์ ๋ฌธ๋ฒ // ๊ฐ๋จํ ๋ณ์ ํ์ ์ง์ ๊ฐ๋ฅ let ์ด๋ฆ :string = "gani"; let ์ฌ๋ :string[] = ["kim", "lee"]; let ์ฌ๋๋ค :{name? : string} = {name : "park"} // ๋ค์ํ ํ์ -> Union Type let ์ด๋ฆ2 :string | number = 123; // ํ์ ์ ๋ณ์์ ๋ด์์ธ ์ ์์ type MyTYPE = string | number; // ํจ์์ ํ์ ์ง์ ๊ฐ๋ฅ function temp(x : number) { re..
=> ํ๋ก ํธ์์ ์๋ฒ์ ๋ฐ์ดํฐ ์์ฒญํ๋ ๋ฐฉ๋ฒ (React๋ก fetch, axios ์ฌ์ฉํ๊ธฐ) ๐ SERVER const express = require("express"); const app = express(); // body-parser app.use(express.json()); app.use(express.urlencoded({ extended: true })); // ๋ฐ์ดํฐ๋ฅผ ์๋ฒ์ ์ ์ฅํด๋์ (๋ฐ์ดํฐ๋ฒ ์ด์ค ์๋ต) let id = 2; const todoList = [ { id: 1, text: "ํ ์ผ 1", done: false, }, ]; app.get("/", function (res, res) { res.send("server"); }); // todolist ์กฐํ app.get("/ap..
=> Node+Express ์๋ฒ์ React ์ฐ๋ํ๋ ค๋ฉด ๐ react์ node ์ฐ๋ํ๊ธฐ 1) react : HTML์ ์ด์๊ฒ ๋ง๋ค์ด์ฃผ๋ ํด - npx create-react-app react-project - App.js ๋ง๋ค๊ณ ๊ฐ๋ฐํ๊ธฐ npm run start - ๊ฐ๋ฐ ๋๋๋ค๋ฉด -> npm run build - -> html ํ์ผ (main page) ์ด ์์ฑ 2) node - server.js ๋ง๋ค๊ธฐ - npm init -y - npm install express nodemon cors - server ์คํํ๊ธฐ -> nodemon server.js 3) db ๋ฐ์ดํฐ๋ฅผ ์๋ฒ๋ฅผ ํตํด react๋ก ๋ณด๋ด๊ธฐ - ๋ฐ์ ๋ฐ์ดํฐ๋ก react๊ฐ html ์์ฑํ๊ธฐ - html ์ ์๋ฒ๊ฐ ๋ง๋ค๋ฉด server-side..
=> Mern stack Ecommerce App Lets Build And Deploy Mern Stack Project full-stack development โ๏ธ Product API npm install express-formidable ํ์ผ ์ ๋ก๋ ๋ฅผ ํฌํจํ์ฌ ์์ ๋ฐ์ดํฐ๋ฅผ ๊ตฌ๋ฌธ ๋ถ์ํ๊ธฐ ์ํ Node.js ๋ชจ๋ ๐create Product ๐ get all products ๐ get single product ๐ get photo ๐ delete product ๐ update product
=> Mern stack Ecommerce App Lets Build And Deploy Mern Stack Project full-stack development โ๏ธ Category API ๐create category ๐update category ๐ get all categoies ๐ get single category ๐ delete category
=> Mern stack Ecommerce App Lets Build And Deploy Mern Stack Project full-stack development ๋๋ ๋ฐฑ์๋๋ฅผ ๋ ๋ฐฐ์ฐ๊ณ ์ถ๊ธฐ์,, ํ๋ก ํธ๋ ํจ์ค.. ใ ใ ์๊ฐ ๋จ์ ๋ ํจ ํด๋ณด์ง๋ชฝ โ๏ธ Client Setup https://github.com/techinfo-youtube/ecommerce-app-2023/tree/15-admin-orders-css GitHub - techinfo-youtube/ecommerce-app-2023: complete mern stack ecommerce project 2023 complete code complete mern stack ecommerce project 2023 complete code - ..