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

=> Node.js With Passport Authentication | Full Project => authentication app with login, register and access control using Node.js, Express, Passport, Mongoose 따라하다가 bootstrap 안 적용돼서 저분의 깃허브 참고함.. 🥕 로그인 & 회원가입 페이지 예쁘게 변경하기 🐧 app.js const express = require("express"); const expressLayouts = require("express-ejs-layouts"); const app = express(); // ejs 미들웨어 app.use(expressLayouts); // express 의 vi..

=> Node.js With Passport Authentication | Full Project => authentication app with login, register and access control using Node.js, Express, Passport, Mongoose 🥕 ejs (Embedded JavaScript) : JavaScript로 HTML 마크 업을 생성 할 수있는 간단한 템플릿 언어 ( view를 동적으로 생성하는 템플릿 언어 ) 참고 => https://noodler.tistory.com/26 흐름 제어문 변수 값 예약어 다른 view파일을 불러 옴 🥕 ejs 참고 사이트 (bootstrap.min.css) https://bootswatch.com/ Bootswatch: ..

👩‍💻 SQL (Structed Query Language) : 데이터베이스에 접근하고 조작하기 쉬운 표준 언어 ⭐ 데이터베이스 : 여러 사람이 공유해 사용할 목적으로 통합하여 관리되는 데이터의 모음 👩‍💻 관계형 데이터베이스 : 하나 이상의 테이블로 이루어지며 서로 연결된 데이터 가짐 (SQL로 제어) ⭐ 테이블 : 컬럼과 레코드로 구성된 표 : 모든 테이블은 고유의 이름으로 구분 // 데이터 검색 SELECT 검색할 칼럼 FROM 테이블; - DISTINCT : 뚜렷한, 분명한 뒤에 나오는 컬럼의 중복 제거함 - WHERE : 검색하고자 하는 데이터의 조건을 설정 SELCT 검색할 컬럼 FROM 테이블 WHERE 조건; - LIKE : 특정 문자가 포함된 문자열을 찾고 싶을 때 사용 (대소문자를 우선..

=> Node.js With Passport Authentication | Full Project => authentication app with login, register and access control using Node.js, Express, Passport, Mongoose 🥕 환경 세팅 : npm 을 통해 아래의 패키지를 설치하기 🥕 서버 띄우기 🐧 app.js const express = require("express"); const app = express(); // Routes app.use("/", require("./routes/index")); app.use("/users", require("./routes/user")); const PORT = process.env.PORT ||..

=> CRUD App With Image Upload Using NodeJs, ExpressJs, MongoDB & EJS Templating Engine 🥕 user의 프로필 목록에 생성하고 수정하고 삭제하고 MongoDB에 저장하기 참고 : https://github.com/gani0325/2023/tree/main/Web/ImageUpload 🐧 models/user.js const mongoose = require("mongoose"); const userSchema = new mongoose.Schema({ name: { type: String, required: true, }, email: { type: String, required: true, }, phone: { type: String, ..

=> CRUD App With Image Upload Using NodeJs, ExpressJs, MongoDB & EJS Templating Engine 🥕 user 데이터 삭제하기 🐧 routes/routes.js const express = require("express"); const router = express.Router(); const User = require("../models/user"); const multer = require("multer"); const fs = require("fs"); const { resourceLimits } = require("worker_threads"); // image upload var storage = multer.diskStorage({ //..

=> CRUD App With Image Upload Using NodeJs, ExpressJs, MongoDB & EJS Templating Engine 🥕 동기(synchronous) : 직렬적으로 태스크를 수행 : 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식 (태스크를 처리할 동안 나머지 태스크는 대기) 🥕 비동기 (asynchronous) : 병렬적으로 태스크를 수행 : 요청을 보낸 후 응답의 수락 여부와는 상관없이 다음 태스크가 동작하는 방식 (a 태스크가 실행되는 시간 동안 b 태스크 함) : 비동기 요청시 응답 후 처리할 '콜백 함수' 알려줌 => 해당 태스크가 완료되었을 때, '콜백 함수'가 호출됨 ➕ 후속 처리 메소드 1) Promise then (Promise 반환) ..

=> CRUD App With Image Upload Using NodeJs, ExpressJs, MongoDB & EJS Templating Engine 🥕 datatables https://datatables.net/download/ : 검색기능, 총건수, 페이지당건수, 이전/다음 페이지 이동, 컬럼별 정렬, 필드 포맷, 왼쪽/가운데/오른쪽 정렬 등을 제공 🥕 CDN https://cdnjs.com/ : Content Delivery Nerwork의 약자 : 웹사이트의 접속자가 콘텐츠를 다운로드할 때 자동으로 가장 가까운 서버에서 다운로드할 수 있도록 하는 기술 🥕 MongoDB에 user Data 넣어지고, html에 등록되는 과정 🐧 views/index.ejs ID Image Name E-mai..