본문 바로가기

Do it Node.js/React BackEnd6

6. 로그인 페이지 로그인 기능 구현 -login.js 추가 -header.js, mainHeader.js, registerHeader.js 로 헤더 3개 분류 -백엔드- controllers - : 로그인 기능 (...) require("dotenv").config(); //.env 파일 불러오기 const jwt = require("jsonwebtoken"); //jsonwebtokeen 불러오기 const jwtSecret = process.env.JWT_SECRET; //비밀키 지정 (...) //Post Login User, / : 로그인 기능 const loginUser = asynchHandler(async (req, res) => { const { username, password } = req.body; c.. 2024. 3. 20.
5. 회원가입 페이지 회원가입한 데이터를 몽고DB에 저장 -백엔드- controllers - const asynchHandler = require("express-async-handler"); const User = require("../models/userModel"); const bcrypt = require("bcrypt"); //Post Register User, /register const registerUser = asynchHandler(async (req, res) => { const { username, password, password2 } = req.body; const existingUser = await User.findOne({ username }); if (existingUser) { //아이디 중.. 2024. 3. 19.
4. 연락처 수정 페이지, 삭제 연락처를 수정하고 삭제 -update.js 페이지 추가 -alert 문이 출력되게 수정 -백엔드- controllers - (...) //Get get contact, /contact/:id const getContact = asynchHandler(async (req, res) => { const contact = await Contact.findById(req.params.id); res.status(200).send(contact); }); //Put update contact, /contact/:id const updateContact = asynchHandler(async (req, res) => { const { name, email, phone } = req.body; const contac.. 2024. 3. 17.
3. 연락처 추가 페이지, react-router-dom 입력값을 몽고DB에 저장 후 표시 -add.js 페이지 추가 -백엔드- controllers - (...) //Post all contact, /contact/add const createContect = asynchHandler(async (req, res) => { const { name, email, phone } = req.body; if (!name || !email || !phone) { res.status(400).send("No Input Value"); } const contact = await Contact.create({ name, email, phone }); res.status(201).redirect("/contact"); //성공 시 /contact로 이동 }); (...) r.. 2024. 3. 15.