본문 바로가기

프로젝트27

2. JWT 토큰 검증 ※JWT를 이용한 토큰 검증 방식 사용자 인증 미들웨어  -백엔드-  middleware - : JWT를 사용하여 사용자의 인증을 확인하고 요청을 보호하는 미들웨어  -split() : 문자열을 특정 기준으로 잘라서 배열로 변환하는 함수    -req.headers.authorization.split("Bearer ")[1]; : [0] : Bearer, [1] : 실제 토큰     (중간에 공백이 존재하기 떄문) -> ["Bearer", ""]const jwt = require("jsonwebtoken");const User = require("../model/userModel");const jwtSecret = process.env.JWT_SECRET;const authUser = async (re.. 2024. 5. 20.
1. user 파일, score 파일 병합 ※user 관련 파일과 score 관련 파일을 하나로 병합 -백엔드- model - : user model과 score model을 하나로 병합 const mongoose = require("mongoose");const Schema = mongoose.Schema;const UserSchema = new Schema({ username: { type: String, require: true, unique: true, }, password: { type: String, require: true, }, imageScore: { type: Number, default: 0, }, combineScore: { type: Number, defau.. 2024. 5. 20.
17. 포인트 기능 -정답을 맞출 떄마다 점수 10점 씩 증가 -만점 받을 시 포인트를 1씩 증가해서 서버 데이터로 보내 저장 -서버에 저장된 각 게임 포인트 데이터를 가져와 페이지에 표시 -백엔드- model - const mongoose = require("mongoose");const Schema = mongoose.Schema;const ScoreSchema = new Schema({ imageScore: { type: Number, // 숫자 타입으로 변경 default: 0, // 초기값 설정 (옵션) }, combineScore: { type: Number, // 숫자 타입으로 변경 default: 0, // 초기값 설정 (옵션) },});module.exports = mongoos.. 2024. 5. 11.
16. 무작위 나열 배열에 저장된 낱말들을 섞어서 무작위로 나열 page - Game - ※sort(): 배열에 요소를 유니코드 값에 따라서 적절하게 나열하는 메서드 - Math.random() - 0.5의 값이 양수이면 오름차순으로, 음수이면 내림차순으로 정렬 -0.1에 가까울 시 '사과(ㅅㅏㄱ ㅘ)로, 0.9에 가까울 시 '사과(ㅘ ㄱㅏㅅ)로 정렬 import axios from "axios";import React, { useEffect, useState } from "react";import "../../css/game.css";import Canvas from "../../component/Canvas";import Typing from "../../component/Typing";function CombineGa.. 2024. 4. 29.

티스토리툴바