Repository: code-is-evenly-cooked/even-IDE-front
Pull request #23: 비밀번호 재설정 폼 구현
Author: login: leehyunha1234
Labels: name: 🎨 UI
description: UI 구현
Created: 2025-04-18T13:16:47Z | Merged: 2025-04-22T03:50:45Z

## 📌 작업 개요
<!-- 어떤 작업을 했는지 한 줄 요약해주세요 -->
- 비밀번호 재설정 폼 구현
- 비밀번호 재설정 후 update-password 페이지로 리디렉션 추가
- UpdatePasswordPage 컴포넌트 추가 및 PasswordUpdateForm 적용
- 통일성을 위해 코드 수정
- 비밀번호 재설정 - 간격, 높이 수정
- Password 변경 페이지 레이아웃 수정과 필요없는 부분 삭제
---

## ✨ 주요 변경 사항
<!-- 어떤 기능을 구현/수정했는지 리스트로 작성해주세요 -->
- 비밀번호 재설정 폼 구현했습니다
- 비밀번호 입력 칸 생성
- 비밀번호 확인 칸 생성
- 확인 버튼 생성
- 로그인으로 돌아가기 클릭 시 로그인 홈 화면 이동
- 비밀번호 재설정 - 간격, 높이 수정
- Password 변경 페이지 레이아웃 수정과 필요없는 부분 삭제

---

## 🖼️ 스크린샷 (선택)
<!-- UI 변경 사항이 있다면 스크린샷, GIF 등을 첨부해주세요 -->
![image](https://github.com/user-attachments/assets/d272ded7-5138-41c9-8436-865c6dd1747b)

---

## ✅ 작업 체크리스트
- [ ] console.log / 불필요한 주석 제거
- [ ] 변수명, 함수명 명확하게 작성
- [x] 동작 테스트 완료
- [ ] 예외 케이스 고려
- [ ] 반복 코드 함수로 분리

---

## 📂 테스트 방법
<!-- 어떤 페이지에서, 어떤 액션으로 테스트했는지 구체적으로 작성해주세요 -->
- **localhost:3000/update-password** 입력하면 비밀번호 재설정으로 이동합니다
- 로그인으로 돌아가기 클릭 시 로그인 홈화면으로 연결됩니다.
---

## 💬 기타 참고 사항
<!-- 코드 리뷰 시 중점적으로 봐줬으면 하는 부분이나 논의할 점, 고민한 내용 등 -->
- UI 관련된 부분은 성민님과 논의하여 수정했습니다!



Diff:
diff --git a/src/app/update-password/page.tsx b/src/app/update-password/page.tsx
new file mode 100644
index 0000000..7618137
--- /dev/null
+++ b/src/app/update-password/page.tsx
@@ -0,0 +1,10 @@
+import PasswordUpdateForm from "@/components/auth/PasswordUpdate/PasswordUpdateForm";
+import React from "react";
+
+export default function UpdatePasswordPage() {
+  return (
+    <div className="flex justify-center items-center">
+      <PasswordUpdateForm />
+    </div>
+  );
+};
\ No newline at end of file
diff --git a/src/components/auth/PasswordReset/usePasswordResetForm.ts b/src/components/auth/PasswordReset/usePasswordResetForm.ts
index ebdb5b2..34f9fb4 100644
--- a/src/components/auth/PasswordReset/usePasswordResetForm.ts
+++ b/src/components/auth/PasswordReset/usePasswordResetForm.ts
@@ -1,8 +1,10 @@
 import { passwordReset } from "@/service/auth";
 import { validateEmail } from "@/utils/validate";
+import { useRouter } from "next/navigation";
 import { ChangeEvent, FormEvent, useCallback, useState } from "react";
 
 const useResetPasswordForm = () => {
+	const router = useRouter(); 
 	const [email, setEmail] = useState("");
 	const [emailError, setEmailError] = useState("");
 	const [isLoading, setIsLoading] = useState(false);
@@ -43,6 +45,7 @@ const useResetPasswordForm = () => {
 			}
 		} finally {
 			setIsLoading(false);
+			router.push("update-password");
 		}
 	};
 
diff --git a/src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx b/src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
new file mode 100644
index 0000000..4090fe4
--- /dev/null
+++ b/src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import React, { ChangeEvent, useState } from "react";
+import BaseButton from "@/components/common/Button/BaseButton";
+import { EvenIcon } from "@/components/common/Icons";
+import Link from "next/link";
+import PasswordInput from "@/components/common/Input/PasswordInput";
+
+const PasswordUpdateForm = () => {
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  
+  const handlePasswordChange = (
+    e: ChangeEvent<HTMLInputElement>
+  ) => {
+    setPassword(e.target.value);
+  };
+
+  const handleConfirmPasswordChange = (
+    e: ChangeEvent<HTMLInputElement>
+  ) => {
+    setConfirmPassword(e.target.value);
+  };
+
+  return (
+    <div className="w-full max-w-[30rem] border border-white mt-16">
+      <div className="flex justify-center items-center pt-8 pb-4 gap-4">
+        <EvenIcon />
+        <h1 className="text-4xl">even ide</h1>
+      </div>
+
+      <div className="flex flex-col gap-5 px-6 sm:px-12 py-6">
+				<form  className="flex flex-col gap-5">
+					<h1 className="text-xl text-white text-center">비밀번호 재설정</h1>
+					<h2 className="text-md text-white text-center leading-loose">
+						새로운 비밀번호를 설정하세요.
+					</h2>
+
+          <PasswordInput
+          placeholder="비밀번호를 입력하세요."
+          value={password}
+          onChange={handlePasswordChange}
+          size="xl"
+          />
+          <PasswordInput
+          placeholder="비밀번호 확인"
+          value={confirmPassword}
+          onChange={handleConfirmPasswordChange}          
+          size="xl"
+          />
+          <BaseButton type="submit" size="xl" >
+            확인
+          </BaseButton>        
+          <div className="flex justify-center text-sm text-gray200 font-light">
+            <Link
+              href="/login"
+              className="underline hover:opacity-80 transition"
+            >
+             로그인으로 돌아가기
+            </Link>
+          </div>
+        </form>            
+      </div>
+    </div>
+  );
+};
+
+export default PasswordUpdateForm;
\ No newline at end of file


Reviews:
user: login: nahyukk
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-18T14:45:41Z
user: login: leehyunha1234
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-18T14:59:38Z
user: login: JinWorkBench
body: 으어.. 디자인을 나현님이 자세하게 말씀해주셨네요 정말 감사합니다 🙇
조금 여쭤보면 기능 없이 UI 만 구현하신거 맞으신거죠?
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-18T15:32:41Z
user: login: mini0212
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T02:12:52Z
user: login: mini0212
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T02:15:07Z
user: login: leehyunha1234
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T03:10:12Z
user: login: mini0212
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T03:53:36Z
user: login: mini0212
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T11:04:00Z
user: login: mini0212
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T11:07:49Z
user: login: mini0212
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T11:08:56Z
user: login: mini0212
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-21T11:10:21Z
user: login: mini0212
body: 고생하셨습니다.
state: APPROVED
author_association: CONTRIBUTOR
submitted_at: 2025-04-22T03:32:16Z

Review comments:
diff_hunk: @@ -0,0 +1,48 @@
+"use client"; // 화면 마크업 //
+import React from "react";
+import TextInput from "@/components/common/Input/TextInput";
+import { EvenIcon } from "@/components/common/Icons";
+import PasswordInput from "@/components/common/Input/PasswordInput";
+import BaseButton from "@/components/common/Button/BaseButton";
+import Link from "next/link";
+
+const PasswordUpdateForm = () => {
+  return (
+    <div className="w-full max-w-[33rem] border border-white bg-gray900 p-6 mt-24">
+      <div className="flex justify-center items-center pt-8 pb-4 gap-4">
+        <EvenIcon />
+        <h1 className="text-4xl">even ide</h1>
+      </div>
+      <div className="text-xl text-white text-center">
+        비밀번호 재설정
+      </div>
+      <p className="text-md text-white text-center pt-8 pb-10 gap-4">
+        새로운 비밀번호를 설정하세요. 
+      </p>
+
+      <form className="w-full flex flex-col gap-8">
+        <PasswordInput
+          placeholder="비밀번호를 입력하세요."
+          size="xl"
+          className="text-white placeholder-white"
+        />
+        <PasswordInput
+          placeholder="비밀번호 확인"
+          size="xl"
+          className="text-white placeholder-white"
+        />
+        <BaseButton type="submit" size="xl">
+          확인
+        </BaseButton>
+      </form>
+
+      <div className="flex justify-center mt-10 mb-8">
+        <Link href="/login" className="text-md text-violet-400 underline hover:opacity-80 transition"
+        >로그인으로 돌아가기
+        </Link>
+      </div>
+    </div>
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: nahyukk
body: 제가 리뷰어는 아니지만... 디자인이 미묘하게.. 안 맞는 것 같아서 코멘트 하나 남깁니당!

일단 눈에 띄는 건
- 외곽 박스 w, bg, p ?
- 이븐ide 로고 padding-top? / 로그인으로 돌아가기 padding-bottom?
- 비밀번호 재설정과 로고 사이 padding
- PasswordInput 너비가 원래 이렇게 넓은지?
- PasswordInput과 외곽 박스 사이 padding 값이 정확한 건지?
- `로그인으로 돌아가기` 이거 색상.. 제가 피그마에 보라색으로 작성하기는 했는데... 다른 부분에서 회색으로 들어가있는 것 같아서 월요일에 다른 프론트 분께 확인 해보셔야 할 것 같습니다.
- 확인 버튼 색상이 달라보이는데 이건 제 눈이 잘 못 되었을 수도 있으니... 확인만..

정확한 코드 리뷰는 못드려서 죄송하지만... 아래 PR의 코드나 아니면 vscode에서 다른 파일코드 참고 하셔서 디테일한 css 확인 부탁드리겠습니다~

#12 [src/components/auth/ResetPassword/ResetPasswordForm.tsx](https://github.com/code-is-evenly-cooked/even-IDE-front/pull/12/files#diff-0d0a556756ca690f1ecffe1a95798cbac92cdc0da85dd95e6022dc8413539911)
created_at: 2025-04-18T14:45:41Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,48 @@
+"use client"; // 화면 마크업 //
+import React from "react";
+import TextInput from "@/components/common/Input/TextInput";
+import { EvenIcon } from "@/components/common/Icons";
+import PasswordInput from "@/components/common/Input/PasswordInput";
+import BaseButton from "@/components/common/Button/BaseButton";
+import Link from "next/link";
+
+const PasswordUpdateForm = () => {
+  return (
+    <div className="w-full max-w-[33rem] border border-white bg-gray900 p-6 mt-24">
+      <div className="flex justify-center items-center pt-8 pb-4 gap-4">
+        <EvenIcon />
+        <h1 className="text-4xl">even ide</h1>
+      </div>
+      <div className="text-xl text-white text-center">
+        비밀번호 재설정
+      </div>
+      <p className="text-md text-white text-center pt-8 pb-10 gap-4">
+        새로운 비밀번호를 설정하세요. 
+      </p>
+
+      <form className="w-full flex flex-col gap-8">
+        <PasswordInput
+          placeholder="비밀번호를 입력하세요."
+          size="xl"
+          className="text-white placeholder-white"
+        />
+        <PasswordInput
+          placeholder="비밀번호 확인"
+          size="xl"
+          className="text-white placeholder-white"
+        />
+        <BaseButton type="submit" size="xl">
+          확인
+        </BaseButton>
+      </form>
+
+      <div className="flex justify-center mt-10 mb-8">
+        <Link href="/login" className="text-md text-violet-400 underline hover:opacity-80 transition"
+        >로그인으로 돌아가기
+        </Link>
+      </div>
+    </div>
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: leehyunha1234
body: > 제가 리뷰어는 아니지만... 디자인이 미묘하게.. 안 맞는 것 같아서 코멘트 하나 남깁니당!
> 
> 일단 눈에 띄는 건
> 
> * 외곽 박스 w, bg, p ?
> * 이븐ide 로고 padding-top? / 로그인으로 돌아가기 padding-bottom?
> * 비밀번호 재설정과 로고 사이 padding
> * PasswordInput 너비가 원래 이렇게 넓은지?
> * PasswordInput과 외곽 박스 사이 padding 값이 정확한 건지?
> * `로그인으로 돌아가기` 이거 색상.. 제가 피그마에 보라색으로 작성하기는 했는데... 다른 부분에서 회색으로 들어가있는 것 같아서 월요일에 다른 프론트 분께 확인 해보셔야 할 것 같습니다.
> * 확인 버튼 색상이 달라보이는데 이건 제 눈이 잘 못 되었을 수도 있으니... 확인만..
> 
> 정확한 코드 리뷰는 못드려서 죄송하지만... 아래 PR의 코드나 아니면 vscode에서 다른 파일코드 참고 하셔서 디테일한 css 확인 부탁드리겠습니다~
> 
> #12 [src/components/auth/ResetPassword/ResetPasswordForm.tsx](https://github.com/code-is-evenly-cooked/even-IDE-front/pull/12/files#diff-0d0a556756ca690f1ecffe1a95798cbac92cdc0da85dd95e6022dc8413539911)

값 입력 오류, 색깔 미묘하게 다른 부분, 코드 확인해서 다시 수정하겠습니다..!
created_at: 2025-04-18T14:59:38Z
author_association: CONTRIBUTOR
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: mini0212
body: 작업 들어가시기 전에 모르시겠으면 참고 부탁드린다고 말씀드렸던 걸로 기억합니다.
현재 구조를 보니 제일 상위 div부터 기존 디자인과 다른 부분이 있는 것 같아 확인 요청드립니다.

혹시 어느 코드를 참고해서 작업하신 건지 공유해주실 수 있을까요?
created_at: 2025-04-21T02:12:52Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,48 @@
+"use client"; // 화면 마크업 //
+import React from "react";
+import TextInput from "@/components/common/Input/TextInput";
+import { EvenIcon } from "@/components/common/Icons";
+import PasswordInput from "@/components/common/Input/PasswordInput";
+import BaseButton from "@/components/common/Button/BaseButton";
+import Link from "next/link";
+
+const PasswordUpdateForm = () => {
+  return (
+    <div className="w-full max-w-[33rem] border border-white bg-gray900 p-6 mt-24">
+      <div className="flex justify-center items-center pt-8 pb-4 gap-4">
+        <EvenIcon />
+        <h1 className="text-4xl">even ide</h1>
+      </div>
+      <div className="text-xl text-white text-center">
+        비밀번호 재설정
+      </div>
+      <p className="text-md text-white text-center pt-8 pb-10 gap-4">
+        새로운 비밀번호를 설정하세요. 
+      </p>
+
+      <form className="w-full flex flex-col gap-8">
+        <PasswordInput
+          placeholder="비밀번호를 입력하세요."
+          size="xl"
+          className="text-white placeholder-white"
+        />
+        <PasswordInput
+          placeholder="비밀번호 확인"
+          size="xl"
+          className="text-white placeholder-white"
+        />
+        <BaseButton type="submit" size="xl">
+          확인
+        </BaseButton>
+      </form>
+
+      <div className="flex justify-center mt-10 mb-8">
+        <Link href="/login" className="text-md text-violet-400 underline hover:opacity-80 transition"
+        >로그인으로 돌아가기
+        </Link>
+      </div>
+    </div>
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: mini0212
body: 로그인으로 돌아가기 색상은 눈에 좀 덜띄게 하려고 제가 임의로 회색으로 했습니다 하하
좀 어색한가요?


created_at: 2025-04-21T02:15:07Z
author_association: CONTRIBUTOR
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: leehyunha1234
body: > 작업 들어가시기 전에 모르시겠으면 참고 부탁드린다고 말씀드렸던 걸로 기억합니다. 현재 구조를 보니 제일 상위 div부터 기존 디자인과 다른 부분이 있는 것 같아 확인 요청드립니다.
> 
> 혹시 어느 코드를 참고해서 작업하신 건지 공유해주실 수 있을까요?

PasswordResetForm.tsx을 참고했습니다.. 텍스트 색깔이 회색으로 되어 GPT한테 질문해서 나온 코드로 쳤더니 생긴 문제입니다. 재수정하겠습니다..!
created_at: 2025-04-21T03:10:12Z
author_association: CONTRIBUTOR
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: mini0212
body: 허허.. 저에게 물어보시지
created_at: 2025-04-21T03:53:36Z
author_association: CONTRIBUTOR
diff_hunk: @@ -1,45 +1,54 @@
 "use client"; // 화면 마크업 //
-import React from "react";
+
+import React, { useState } from "react";
 import TextInput from "@/components/common/Input/TextInput";
-import { EvenIcon } from "@/components/common/Icons";
-import PasswordInput from "@/components/common/Input/PasswordInput";
 import BaseButton from "@/components/common/Button/BaseButton";
+import { EvenIcon } from "@/components/common/Icons";
 import Link from "next/link";
+import useResetPasswordForm from "../PasswordReset/usePasswordResetForm";
 
 const PasswordUpdateForm = () => {
-  return (
-    <div className="w-full max-w-[33rem] border border-white bg-gray900 p-6 mt-24">
-      <div className="flex justify-center items-center pt-8 pb-4 gap-4">
+  const [password, setPassword] = useState("");
+  const handlePasswordChange = () => {};
+
+  return(
+    <div className="w-full max-w-[28rem] border border-white mt-16">
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: mini0212
body: 30rem일텐데요!!
created_at: 2025-04-21T11:04:00Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,57 @@
+"use client"; // 화면 마크업 //
+
+import React, { useState } from "react";
+import TextInput from "@/components/common/Input/TextInput";
+import BaseButton from "@/components/common/Button/BaseButton";
+import { EvenIcon } from "@/components/common/Icons";
+import Link from "next/link";
+import useResetPasswordForm from "../PasswordReset/usePasswordResetForm";
+
+const PasswordUpdateForm = () => {
+  const [password, setPassword] = useState("");
+  const handlePasswordChange = () => {};
+
+  return(
+    <div className="w-full max-w-[28rem] border border-white mt-16">
+      <div className="flex justify-center items-center pt-8 pb-1 gap-4">
+        <EvenIcon />
+        <h1 className="text-4xl">even ide</h1>
+      </div>
+      <div className="flex flex-col gap-5 px-6 sm:px-12 py-6">
+				<form  className="flex flex-col gap-6">
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: mini0212
body: gap-5
created_at: 2025-04-21T11:07:49Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,57 @@
+"use client"; // 화면 마크업 //
+
+import React, { useState } from "react";
+import TextInput from "@/components/common/Input/TextInput";
+import BaseButton from "@/components/common/Button/BaseButton";
+import { EvenIcon } from "@/components/common/Icons";
+import Link from "next/link";
+import useResetPasswordForm from "../PasswordReset/usePasswordResetForm";
+
+const PasswordUpdateForm = () => {
+  const [password, setPassword] = useState("");
+  const handlePasswordChange = () => {};
+
+  return(
+    <div className="w-full max-w-[28rem] border border-white mt-16">
+      <div className="flex justify-center items-center pt-8 pb-1 gap-4">
+        <EvenIcon />
+        <h1 className="text-4xl">even ide</h1>
+      </div>
+      <div className="flex flex-col gap-5 px-6 sm:px-12 py-6">
+				<form  className="flex flex-col gap-6">
+					<h1 className="text-xl text-center mb-2">비밀번호 재설정</h1>
+					<h2 className="text-md text-center leading-loose mb-4">
+						새로운 비밀번호를 설정하세요.
+						<br />						
+					</h2>
+
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: mini0212
body: h1, h2가 form의 안쪽에 들어간 이유가 있을까요?!
created_at: 2025-04-21T11:08:55Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,57 @@
+"use client"; // 화면 마크업 //
+
+import React, { useState } from "react";
+import TextInput from "@/components/common/Input/TextInput";
+import BaseButton from "@/components/common/Button/BaseButton";
+import { EvenIcon } from "@/components/common/Icons";
+import Link from "next/link";
+import useResetPasswordForm from "../PasswordReset/usePasswordResetForm";
+
+const PasswordUpdateForm = () => {
+  const [password, setPassword] = useState("");
+  const handlePasswordChange = () => {};
+
+  return(
+    <div className="w-full max-w-[28rem] border border-white mt-16">
+      <div className="flex justify-center items-center pt-8 pb-1 gap-4">
+        <EvenIcon />
+        <h1 className="text-4xl">even ide</h1>
+      </div>
+      <div className="flex flex-col gap-5 px-6 sm:px-12 py-6">
+				<form  className="flex flex-col gap-6">
+					<h1 className="text-xl text-center mb-2">비밀번호 재설정</h1>
+					<h2 className="text-md text-center leading-loose mb-4">
+						새로운 비밀번호를 설정하세요.
+						<br />						
+					</h2>
+
+          <TextInput
+          placeholder="비밀번호를 입력하세요."
+          value={password}
+          onChange={handlePasswordChange}
+          size="xl"
+          />
+          <TextInput
+          placeholder="비밀번호 확인"
+          value={password}
+          onChange={handlePasswordChange}          
+          size="xl"
+          />
+
+          <BaseButton type="submit" size="xl" >
+            확인
+          </BaseButton>
+          
+          <div className="flex justify-center text-sm text-violet-400 font-light mt-2 mb-4">
+            <Link href="/login" className="underline hover:opacity-80 transition"
+            >
+             로그인으로 돌아가기
+            </Link>
path: src/components/auth/PasswordUpdate/PasswordUpdateForm.tsx
user: login: mini0212
body: 저랑 논의하실때 피그마 안보고 제 디자인으로 통일해달라고 요청드렸었는데요..
그리고 비밀번호는 TextInput아니고 PasswordInput입니다!
created_at: 2025-04-21T11:10:21Z
author_association: CONTRIBUTOR

PR comments:
user: login: leehyunha1234
created_at: 2025-04-18T15:42:02Z
body: > 으어.. 디자인을 나현님이 자세하게 말씀해주셨네요 정말 감사합니다 🙇 조금 여쭤보면 기능 없이 UI 만 구현하신거 맞으신거죠?

네..! 디자인 & 레이아웃 기반의 UI만 구현했습니다

아직 비밀번호 변경 요청을 처리하는 `useResetPasswordForm` 연결이랑 `onSubmit` 기능은 작동하지 않고 있어요!
author_association: CONTRIBUTOR
user: login: JinWorkBench
created_at: 2025-04-18T15:43:28Z
body: > 으어.. 디자인을 나현님이 자세하게 말씀해주셨네요 정말 감사합니다 🙇 조금 여쭤보면 기능 없이 UI 만 구현하신거 맞으신거죠?

나현님이 말씀하신 피그마에서 로그인으로 돌아가기 색상은 #A78BFA 이거네요 !
와이어프레임 상 버튼 색상도 #A78BFA 인데, Color board 에는 그 색상이 없어서
피그마에서 모습하고 다르게 보인 것 같네요


author_association: CONTRIBUTOR