101424 TIL MBTI 과제

오늘은 next js 5 주차 까지는 일단 다 들었다 

 

 

그치만 아직 이해가 안되는게 많아서 

 

 

내일 다시 한번 더 보고 정리할 에정이다 

 

일단 mbti 과제를 페이지 설정 해봤다 .

 

mbti 과제 하는 중 

 

 

로그인 페이지 까지 만듬 . 

 

 

로그인 실패시 에러메시지  

 

나오게 alert 창 나오게 함. 

 

뭔가 작은 실수 하나 하나 때문에 잘 안되서 , 

 

개발자도구로 어떤 곳에서 에러가 나는지 눈 빠지게 보고 다시 하나하나 수정 중이라 시간이 오래 걸리는 것 같다 . 

 

 

import { Link, useNavigate } from "react-router-dom";

import React, { useEffect } from "react";

import { getUserProfile, login } from "../api/auth";

import AuthForm from "../components/AuthForm";

const Login = ({ setUser }) => {

const navigate = useNavigate();

const handleLogin = async (formData) => {

try {

const loginData = await login(formData);

localStorage.setItem("accessToken", loginData.accessToken);

const userProfile = await getUserProfile(loginData.accessToken);

setUser(userProfile); //로그인이 된 시점

navigate("/");

} catch (error) {

alert("로그인에 실패. 츄라이어겐.");

}

};

return (

<div>

<div>

<h1>로그인</h1>

<AuthForm mode="login" onSubmit={handleLogin} />

<div>

<p>

u have no 계정 ?<Link to="/signup">회원가입</Link>

</p>

</div>

</div>

</div>

);

};

export default Login;

 

로그인 페이지 코드 

 

오늘 프로필 업데이트 까지 만 해볼려고 한다 .

 

페이지 여기 저기서 바꾸는게 어지간히 번거로운것 같다 . 

 

일단 오늘은 여기까지