aws rds에 회원 정보가 저장되어 있으면

[plmnko]

aws rds에 회원 정보가 저장되어 있으면 프로젝트에 어떻게 불러오나요?
지금 백엔드 개발자분이랑 같이 작업중인데, 회원가입 로그인된 데이터를 aws rds라는곳에 mysql로 관리하고 있다고 합니다!
현재 로그인이랑 회원가입까지는 성공했는데, 로그인한 회원의 정보를 어떻게 가져오는지를 모르겠어요ㅠㅠ

강의에서는 mongodb어댑터로 연결했었는데 aws rds도 이런 어댑터? 같은게 있을까요?

[codingapple]

백엔드가 있으면 거기로 ajax 요청합시다
아니면 mysql 연결하는 라이브러리 설치하고 sql로 출력해야합니다

[plmnko]

ajax요청으로 로그인, 회원가입까지 완료하구 로그인 한 정보를 header로 보내고 있다고 하는데 header를 어떻게 출력할 수 있나요?ㅠ

[plmnko]

app/members/Login.js 컴포넌트

import Link from "next/link";

export default function Login() {
  return (
    <form action="/api/auth/login" method="POST" className="loginBox">
      <h3 className="formTit">Login</h3>
      <div className="inputBox">
        <input
          type="email"
          name="email"
          autoFocus="true"
          placeholder="이메일 입력"
        />
      </div>
      <div className="inputBox">
        <input type="password" name="password" placeholder="비밀번호 입력" />
      </div>
      <button type="submit" id="submitBtn">
        로그인
      </button>
      <div className="check-account">
        <Link href={"/"}>아이디/비밀번호 찾기</Link>
      </div>
      <div className="socialLog">
        <h4>소셜 로그인</h4>
        <div className="social-icons">
          <Link href={"/"}>
            < img src="/kakao.png" alt="카카오톡" />
          </Link>
          <Link href={"/"}>
            < img src="/naver.png" alt="카카오톡" />
          </Link>
          <Link href={"/"}>
            < img src="/google.png" alt="카카오톡" />
          </Link>
          <Link href={"/"}>
            < img src="/facebook.png" alt="카카오톡" />
          </Link>
        </div>
      </div>
    </form>
  );
}

이건 /api/auth/login.js 입니다.

export default async function handler(req, res) {
  if (req.method == "POST") {
    console.log(req.body);

    try {
      const result = JSON.stringify(req.body);

      const apiResponse = await fetch(
        "http://ec2-13-125-193-97.ap-northeast-2.compute.amazonaws.com:8080/members/login",
        {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          mode: "cors",
          body: result,
        }
      );

      if (!apiResponse.ok) {
        const errorText = await apiResponse.text();
        console.error("API 응답 에러:", errorText);
        return res.status(apiResponse.status).json(errorText);
      }

      return res.redirect(302, "/members");
    } catch (error) {
      console.error("서버 오류:", error);
      return res.status(500).json("서버 오류");
    }
  }
}

[codingapple]

apiResponse.headers 출력해봅시다

[plmnko]

선생님 nextauth로 CredentialsProvider를 쓰면 얘네가 자체 제작(?)한 로그인 페이지를 써야되잖아요
저는 이미 이쁘게 만들어둔 로그인 페이지가 있는데 이걸 쓰고 싶으면 어떻게 해야될까요??ㅠㅠㅠ

[글쓴이]

글