본문 바로가기
728x90
반응형

로그인3

[TIL] 11/7 프론트엔드 심화4 - React Beautiful Dnd, firebase 로그인 구현, 배포하기 1. React Beautiful Dnd 2. 로그인 구현하기 2.1. firebase 연결하기 파이어베이스 설치npm i firebase  /src/firebase.ts 에 붙여 넣어주기 (사실 더 자세한 건 파이어베이스 홈페이지에서 웹 만들면서 직접 참고하기)// Import the functions you need from the SDKs you needimport { initializeApp } from "firebase/app";// TODO: Add SDKs for Firebase products that you want to use// https://firebase.google.com/docs/web/setup#available-libraries// Your web app's Firebase.. 2024. 11. 7.
[TIL] 10/2 http-status-codes, 회원가입, 로그인, 비밀번호 변경, 비밀번호 암호화하기 1. http-status-codes 모듈 활용하기 이제까지는 상태코드를 하드코딩해서 보냈는데, 이렇게 보내는 것보다는 무슨 코드인지 명확하게 보여줄 수 있는 코드를 사용하는 것이 좋기 때문에 http-status-codes 를 활용해보려고 한다. res.status(400).json('...');  http-status-codes 모듈 설치npm i http-status-codes// 모듈 불러오기const {statusCodes} = require('http-status-codes'); 모듈을 불러온 후, StatusCodes. 을 치면 상태코드들이 뜨는데, 원하는 상태코드 값을 골라서 사용하면 된다.    2. Node.js 패키지(파일) 구조 지금까지는 최상위 폴더 밑에 routes 폴더를 두고 .. 2024. 10. 2.
[TIL] 9/25 next(), 인증, 인가, 로그인, 쿠키, 세션, JWT, 토큰 1. 모듈화 하기 유효성 검사를 통과하지 못했을 때 에러를 처리하는 부분이 코드에서 반복되어 모듈화를 시키고 유효성 검사 부분과 함께 배열로 만들어 get의 첫번째 매개변수로 넣어주었다.  get 의 첫번째 매개변수는 콜백함수가 실행되기 전에 먼저 실행해야할 부분으로 유효성 검사 후에러가 발생하면 validate 모듈이 실행되어 에러가 처리, 에러가 발생하지 않으면 모듈에서 빠져나와 콜백함수가 실행될 것이라고 생각했는데 그렇지 않았다.  에러가 발생한 경우에는 예상대로 처리되었지만, 에러가 발생하지 않은 경우에는 모듈 코드에서 빠져나오지 못해 request 가 제대로 처리되지 않고 무한  로딩에 빠지는 문제가 발생했다. -> 에러가 없는 경우에도 validate 가 실행이 되는데, 에러가 없는 경우 re.. 2024. 9. 26.
728x90
반응형