목록Express.js (42)
Mi Lugarcito
velog.io/@kho5420/Web-API-%EA%B7%B8%EB%A6%AC%EA%B3%A0-EndPoint [Web] API 그리고 EndPoint API (Application Programming Interface, 응용 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있또록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다 velog.io
mixins.pug mixin createPostForm(userLoggedIn) .postFormContainer .userImageContainer img(src=userLoggedIn.profilePic, alt="User's profile picture") .textareaContainer textarea#postTextarea(placeholder="What's happening?") .buttonsContainer button#submitPostButton(disabled="") Post main-layout.pug include ../mixins/mixins doctype html html(lang="en") head meta(charset="UTF-8") meta(http-equiv="X-..
mixins.pug mixin createPostForm(userLoggedIn) .postFormContainer .userImageContainer img(src=userLoggedIn.profilePic, alt="User's profile picture") .textareaContainer textarea#postTextarea(placeholder="What's happening?") .buttonsContainer button#submitPostButton(disabled="") Post main.css :root{ --blue: #1FA2F1; --blueLight:#9BD1F9; --buttonHoverBg:#d4edff; --lightGrey:rgb(230, 236, 240); --spa..
logout.js const express = require('express'); const app = express(); const router = express.Router(); const bodyParser = require("body-parser"); const User = require('../schemas/UserSchema'); //password hash작업하기 const bcrypt = require("bcrypt"); app.use(bodyParser.urlencoded({ extended:false})); //get(1,2,3) -> 1,2,3... 순서대로 execute router.get("/", (req, res, next)=>{//it means that / is equal v..
getbootstrap.com/docs/4.0/layout/grid/ Grid system Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes. getbootstrap.com fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More..
form 부분에서 action 이 아니라!!! method라고 해야지 아래와 같이 정상작동한다.
1. Getting started with MongoDB www.mongodb.com/ The most popular database for modern apps We're the creators of MongoDB, the most popular database for modern apps, and MongoDB Atlas, the global cloud database on AWS, Azure, and GCP. Easily organize, use, and enrich data — in real time, anywhere. www.mongodb.com admin / 1234 mongodb+srv://admin:@twitterclonecluster.n91ag.mongodb.net/myFirstDatab..
1. Middleware : Redirecting the user it not logged in middleware.js exports.requireLogin=(req,res, next) =>{ if(req.session && req.session.user){ return next(); }else{ return res.redirect('/login'); } } app.js const express = require('express'); const app = express(); const port = 3003; const middleware = require('./middleware');//it means that current folder is equal . const server = app.listen..
1. 새로운 폴더 만들고, vscode or terminal 에서 npm init 시작해서 package.json 만들기 npm init "start": "node app.js" npm install git init git config --global user.name "dmstlf292" git config --global user.email "silviapark292@gmail.com" git add . git commit -m "upload files" git remote add origin https://github.com/dmstlf292/Springboot_Blog.git git branch -M main git push -u origin main npm install express app.j..
1. npm init 하기 npm init npm start//내가 정한것으로 서버 실행하기 2. Installing first npm package www.npmjs.com/ npm Bring the best of open source to you, your team, and your company Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java www.npmjs.com npm install colors 3. np..