😎 공부하는 징징알파카는 처음이지?

=> Node.js, Express 및 MongoDB를 사용하여 Markdown 블로그를 구축하는 방법 🖥️ Create Index Route const express = require("express"); const app = express(); app.set("view engine", "ejs"); app.get("/", (req, res) => { res.render("index"); }); app.listen(3000); ➡️ Article index ➡️ New Article 🖥️ 필수 패키지 설치 npm install marked slugify ➡️ marked : 마크다운을 HTML로 변환하는 패키지 ➡️ slugify 사람이 읽을 수 있는 고유 식별자로, ID와 같이 사람이 읽기 어려운 식..

=> Understanding Authentication in Node.js - Sessions &Cookies - Web Development Concepts 🖥️ Using Sessions & Cookies ➡️ 쿠키 Cookie : 웹 서버가 브라우저에게 지시하여 사용자의 로컬 컴퓨터에 파일 또는 메모리에 저장하는 작은 기록 정보 파일 : 쿠키에 대한 정보를 매 헤더(Http Header) 에 추가하여 보내기 때문에 상당한 트랙픽을 발생 : 쿠키가 유출되면 보안에 대한 문제점도 발생 Name 쿠키의 이름 Value 쿠키의 저장된 값 Expires 쿠키가 언제 삭제되는지 결정 Max-Age를 통해 지정된 만료일이 되면 디스크에서 쿠키가 제거 Domain 쿠키가 사용되는 도메인을 지정 현재 탐색 중인 ..

=> Build a Zoom Clone with Node JS for Beginners 🌏 개발 환경 설정 npm init npm i express uuid ejs npm install -D nodemon 🏠 package.json { "name": "zoomclone", "version": "1.0.0", "description": "- nodejs init - first view init - create a room id - add ability to view our own video - add ability to allow others to stream their video - add styling - add ability to create message - add mute button - add ..

=> Create a Discord Bot With Node.js 🌏 개발 환경 설정 npm init npm install -D nodemon npm i discord.js npm i dotenv 🏠 package.json { "name": "discordbot", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "node server.js", "dev": "nodemon server.js" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "nodemon": "^2.0.22" }, "dependencies": { "discord...

=> Node.js GeoJSON API & App | Store Locator 🌏 개발 환경 설정 npm init npm i express mongoose dotenv node-geocoder cors npm install -D nodemon 🏠 package.json { "name": "storelocationapi", "version": "1.0.0", "description": "", "main": "server.js", "scripts": { "start": "node server.js", "dev": "nodemon server.js" }, "author": "", "license": "ISC", "dependencies": { "cors": "^2.8.5", "dotenv": "^16.2.0..

=> Realtime Chat With Users & Rooms - Socket.io, Node & Express 🌏 1) Front-End 코드 파일 복붙하기 https://github.com/bradtraversy/chatcord/tree/master/public 🌏 2) 환경설정 npm init npm install express socket.io moment npm install -D nodemon 🏠 package.json { "name": "realtimechat", "version": "1.0.0", "description": "realtime chat app with rooms", "main": "index.js", "scripts": { "start": "node server", "dev..

=> 프론트에서 서버에 데이터 요청하는 방법 (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..