안녕하세요

회원가입, 로그인, 로그아웃, 회원탈퇴 이렇게 네가지를 구현합니다. // 회원 가입 app.post("/api/users/create", async (req, res) => { }); // 로그인 app.post("/api/users/login", async (req, res) => { }); //로그아웃 app.post("/api/protected/users/signout", async (req, res) => { }); //회원 탈퇴 app.delete("/api/protected/users/:userId/withdraw", async (req, res) => { }); 회원가입 구현 방법 DB에 저장된 user와 일치하는 id 또는 nickname이 존재하는지 확인합니다. 중복되는 유저가 존재하지 ..

이렇게 액세스토큰을 보낼 때 header 에는 Bearer와 contentType을 다음과 같이 포함하여 보냅니다. const result = await axios.post("/api/users/login", null, { headers: { Authorization: `Bearer ${cookieAccessToken}`, "Content-Type": "application/json", }, }); Bearer와 함께 보내는 것은 토큰의 인증방식을 가리키는 것입니다. -H 'Authorization: Bearer 2gbdx6oar67tqtcmt49t3wpcgycthx' \ Bearer 방식을 이용해 토큰을 인증하겠다는 것으로 이해하면 된다. Content-Type은 바디에 들어갈 내용의 형식을 지정합니다..

1. MongoDB에서 데이터베이스를 만들어 줍니다. 2. express 로 서버를 만들고 DB에 연결합니다. npm i express npm i mongoose npm i cors const express = require("express"); const mongoose = require("mongoose"); const cors = require("cors"); const path = require("path"); const app = express(); const port = process.env.PORT || 3000; mongoose .connect("DB에 연결할 connect 주소", { useNewUrlParser: true, useUnifiedTopology: true, }) .then(..

발단: 스타일드 컴포넌트로 다크모드 구현을 하는 방법을 검색해보면 themeProvider로 구현을 한다. 문제: 하지만 이 방식은 페이지를 리렌더링 하기 때문에 느리다. Changing CSS Variables (e.g. changing themes) is significantly more performant, it doesn’t require React to re-render your entire app (or re-render almost anything in fact) and the changes will be instant. This is why frameworks like Emotion have experiments to use CSS Variables. (100% 리렌더링이 일어나는 지에 대..