2024 Winter - Spurt Project - 2 (프리즈마 작성 및 MVC 리팩토링)
·
Develop & Review
지난 한 주간 2024 Winter - Spurt Project 를 진행하면서 작성한 게시글입니다. 프로젝트의 개요는 이전 게시글을 참고 부탁드립니다. 프리즈마 작성 위의 E-R-D 토대로 prisma schema를 작성하였다. // This is your Prisma schema file, // learn more about it in the docs: https://pris.ly/d/prisma-schema generator client { provider = "prisma-client-js" } datasource db { provider = "mysql" url = env("DATABASE_URL") } model Student{ student_id Int @id @default(autoincre..
2024 Winter - Spurt Project - 1 [스터디 개인 프로젝트]
·
Develop & Review
개인프로젝트 개요 Express.js + Node.js MySQL + Prisma ORM + 3개 테이블 이상(1:N, M:N, 최소 하나) + ERD 인증 (JWT Token + Passport.js(https://www.passportjs.org%29/) 3 Layer Architecture (Controller + Service + Repository) Joi Validation -> Middleware로 구현, Body, Query, Pathparam 에 대한 Validator Exception Handling Router Test Code -> E2E(필수), Unit(선택) 프로젝트에 대한 Docker Compose (API 소스코드 Dockerizing) Docker Compose에는 API..
[React] FireBase를 활용한 Login 기능 구현
·
Develop & Review/React
사용자 생성, 로그인 및 소셜 로그인을 처리하는 기능을 구현하기 이번 포스팅은 소셜네트워크 서비스를 개발하면서 기능 구현하고, 발생한 오류 코드에 대해 작성하여 기술하고 해결한 것에 대한 포스팅이다. 함수 설명 `Auth` 함수 `Auth`는 사용자의 이메일과 비밀번호를 사용하여 로그인 및 계정 생성을 관리하는 React 함수로 구현 `useState`를 사용하여 상태 변수를 초기화하였고 사용자의 이메일, 비밀번호를 저장한다. `newAccount`: 사용자가 새로운 계정을 생성 중인지 또는 기존 계정으로 로그인 중인지 나타내었다. `onChange` 함수를 통해 email, password 상태를 event를 통하여 얻고, 필드의 입력 값이 변경될 때 호출되는 핸들러 함수로 구현하였다. `onSubmi..