Login 썸네일형 리스트형 [Spring] 토이 프로젝트 - 로그인 구현 안녕하세요최근 2주일간 개인 프로젝트를 진행했고드디어 오늘 완성했습니다.내일까지 시간이 있어서 코드를 리뷰해보려고 합니다. 프로젝트의 이름은 Fish Dalle3입니다.배경 이미지를 Dall E 3를 사용해서 만들었기 때문에간단하게 지었습니다. 이미지 제공 ▼DALL·E 3 | OpenAI 먼저 로그인 화면을 보여드리겠습니다. ID와 PW로 로그인하는 간단한 로그인 기능입니다. div class = "title">Fish Dalle3div> jsp:include page="${lp }">jsp:include> div> Landing Page에 jsp의 내장 기능인 include를 사용해서로그인 폼을 구현 했습니다. %@ page language="ja.. 더보기 [React] 로그인 기능 최종 구현 https://youtu.be/dFqb4KvRpNA?si=-2b0Bpht-CzUoqKA 본 포스팅은 John Ahn님의 유튜브 강의를 참고했습니다. 안녕하세요 오랜만에 왔네요 : ) 오늘은 로그인 기존에 만들던 로그인 기능을 마무리 해보려고 합니다. 먼저 코드를 보여드리고 해석해보겠습니다. import React, { useState } from 'react'; import { useDispatch } from 'react-redux'; import { loginUser } from '../../../_actions/user_action'; import { useNavigate } from 'react-router-dom'; function LoginPage() { const dispatch = useD.. 더보기 [Node.js] 로그인 기능 https://youtu.be/HcAYHUHTNi4?si=_P73OEjAh9ODPZq1 https://youtu.be/yWRj4GxFcr8?si=Qf7vOOcYPnV1p9Mb 본 포스팅은 John Ahn님의 유튜브 강의를 참고하였습니다. 오늘은 로그인 기능을 구현해 보도록 하겠습니다. 먼저 로그인 Route를 server.js에서 만들어 줍니다. app.post('/login', (req,res)=>{ //로그인 데이터를 가져온다 }) 로그인을 하려면 3가지 단계가 필요합니다. 1. 로그인 하려는 이메일이 데이터베이스에 존재하는지 확인한다. 2. 이메일이 존재한다면 비밀 번호가 맞는 비밀번호인지 확인한다. 3. 비밀 번호가 맞다면 토큰을 생성한다. 먼저 첫 번째 단계부터 구현해 보도록 하겠습니다. Use.. 더보기 이전 1 다음
