news0516 님의 블로그

- OSI 7계층OSI(개방형 시스템 상호 연결) 7계층 모델은 컴퓨터 네트워크에서 통신을 표준화하기 위해 제안된 구조입니다. 이 모델은 네트워크 통신을 7개의 계층으로 나누어 각 계층이 수행하는 기능을 명확히 하여 서로 다른 시스템 간의 상호 운용성을 높이는 데 기여합니다. OSI 모델은 네트워크 설계 및 문제 해결에 유용한 프레임워크를 제공합니다.- osi 7단계는 인터넷을 이용해서 한컴퓨터에서 다른 컴퓨터로 무언가를 보내는 과정- OSI 7계층의 각 계층1.  물리 계층 (Physical Layer)데이터 전송을 위한 물리적 매체(전선, 광섬유 등)와 전기적 신호를 다룹니다. 케이블, 스위치, 리피터와 같은 하드웨어 장치가 포함된다기능: 비트 전송, 전송 매체의 특성 정의, 신호의 전기적/광학적 특..

이번 주 동안 팀 작업을 진행하면서 계획과 소통의 중요성을 깊이 느꼈다. 특히, 인증 및 로그인 회원가입 기능을 맡으면서 이전 프로젝트를 참고하여 비교적 쉽게 진행할 수 있었지만, 새로운 리프레시 토큰 개념을 도입하기로 한 결정이 큰 배움이었다.초기 1~2일 차에는 작업이 더디게 진행되어 마음이 좋지 않았다. 새로운 개념을 도입하는 것이 쉽지 않았고, 프론트엔드와 서버 간의 연결 작업이 매우 복잡하여 힘들었다. 특히, 다른 팀원들이 진행하는 복잡한 작업을 보면서 압박감을 느꼈다.이 과정에서 새로운 기능에 도전하는 태도가 중요하다는 것을 깨달았다. 처음에는 어려움이 많았지만, 기능이 마무리되면서 구동에 문제가 발생하지 않자 자신감이 생겼다. 또한, 팀원들과의 소통이 원활할수록 작업이 더 수월해진다는 것을 ..

프론트엔드 작업public/login, manager, ranking, signuphtml 파일 작업sign.router.js- 로그인 성공 시 로컬스토리지에 적절한 정보가 전달되는지 확인할 수 있었다.   로컬 스토리지에 저장 확인 과정을 통해 인증 과정이 적절히 진행되고 있음을 알 수 있었다.

위와같은 프론트엔드 웹을 임시로 구성하였다.db에 존재하는 매니저 정보를 출력하고있다.회원가입을 통해 가입한 계정이 db에 정상적으로 반영되는것을 확인하였다.해당  로그인 페이지를 통해 매니저가 있다면 홈페이지로, 없다면 매니저 생성 페이지로 연결되도록 설정하였으나 아직 수정이 필요하다.

각자의 작업을 Dev 에 합치는 작업을 진행하였다.- 내가 오늘 완성한 기능인증 미들웨어 로그인 성공시 엑세스 토큰(5m, 사용자에게 전달), 리프레시 토큰(7d, db에 저장) 생성, 이메일 정보 헤더에 저장해 전달 사용자의 요청과 함께 서버로 다시 전달된 엑세스 토큰 검증엑세스 토큰이 유효할 때jwt.verify를 통해 엑세스 토큰의 유효성 검사 유효한 경우 accountid를 조건으로, prisma.findFirst()를 통해 사용자 정보 조회 계정정보를 req.account에 저장하여 이후 API에서 사용할 수 있다엑세스 토큰이 만료되었을 때만료된 토큰이 아닌 이메일 정보 헤더의 이메일을 통해 accountid 도출 도출한 accountid로 리프레시 토큰 확인 2-1. 리프레시 토큰 유효 검증 ..

기존 엑세스 토큰이 만료되어 새로운 엑세스 토큰을 생성하기 시작하는 부분의 코드이다.db에 저장되어 있는 리프레시 토큰을  accountid를 통해 불러오기 위해, 만료된 엑세스 토큰을 기반으로 accountid를 불러와야 했다.if (error.name === 'TokenExpiredError') { // 클라이언트가 전달한 엑세스 토큰이 만료 // 다시한번 엑세스 토큰 추출 const { authorization } = req.headers; const [tokenType, token] = authorization.split(' '); // 리프레시 토큰을 데이터베이스에서 조회 // accountid가 null or undefined일때 오류 대신..

오늘 진행한 작업로그인, 회원가입 API // src > routers > sign.routers.jsimport express from 'express';import { prisma } from '../utils/prisma/index.js';import bcrypt from 'bcrypt';import dotenv from 'dotenv';import jwt from 'jsonwebtoken';dotenv.config();const router = express.Router();/** 사용자 회원가입 API **/// localhost:c/api/sign-up POSTrouter.post('/sign-up', async (req, res) => { const { email, password, nam..

지난 일주일 동안 프리즈마 스키마를 작성하고, EC2와 RDS를 연동해서 데이터베이스를 생성했다. npx prisma db push 명령어를 통해 테이블을 생성하고, GitHub에 변경 사항을 커밋했다. 이후 API 개발을 진행하면서 회원가입 및 캐릭터 생성 API를 작성했고, 정규표현식을 사용해서 아이디와 비밀번호의 유효성을 검사하는 로직을 구현했다. 마지막으로 인증 미들웨어를 구현하고, 라우터에 개별적으로 적용하는 방법을 배웠다.프리즈마 스키마를 작성하고 데이터베이스를 설정하는 과정에서 처음에는 약간 불안했지만, 테이블이 성공적으로 생성되었다. API 개발 중 정규표현식을 활용해서 아이디와 비밀번호를 검증하는 방법을 찾았을 때 더 좋은 방법을 적용할 수 있어 좋았다 (정규표현식 자체는  잘 모르지만...

아이템 시뮬레이터 프로젝트개발 기간 24/11/25~24/11/28 (4일) 코드 구조 서버 설정 (app.js) Express 애플리케이션을 생성 환경 변수를 로드하여 서버를 설정 다양한 API 라우터를 /api 경로에 연결하여 회원가입, 로그인, 캐릭터, 삭제, 검색, 아이템 관련 기능 제공 지정된 포트(3000)에서 서버를 실행합니다. Prisma 스키마 Item, Accounts, Characters, Character_Inventory, Character_Items의 다섯 가지 모델 정의 Item : 아이템의 고유 ID, 코드, 이름, 스탯, 가격, 캐릭터 인벤토리와 아이템 간의 관계 설정 Accounts: 계정 정보, 이메일, 아이디, 비밀번호, 이름, 나이, 성별, 생성일시 Character..

캐릭터 조회router.get("/search", async (req, res, next) => { const characters = await prisma.characters.findMany({ select: { nickname: true, health: true, power: true, created_at: true, }, orderBy: { created_at: "desc", // 게시글을 최신순으로 정렬합니다. }, }); return res.status(200).json({ data: characters });});캐릭터 상세 조회 추가router.get("/search/:character_id", async (req, re..