반응형 회원가입2 회원가입 컴포넌트 기능 구현하기 미리보기 회원가입 기능 구현로그인 기능을 구현하기 전에 회원가입 기능을 먼저 구현하겠습니다.소스코드더보기 import { useState } from "react";import "./Signup.css";import { useNavigate } from "react-router-dom";const Signup = () => { const nav = useNavigate(); // 상태 확인 변수 const [formData, setFormData] = useState({ id: "", password: "", password_confirm: "", }); // 이벤트 변화 확인 함수 const onChangeForm = (e) => { const { name, val.. 2024. 6. 11. 회원가입 컴포넌트 생성하기 미리보기아이디, 비밀번호, 비밀번호 확인이 있는 회원가입 화면입니다. 회원가입 컴포넌트 생성회원가입 컴포넌트를 만들기 위해 Signup.jsx파일을 생성해줍니다.스타일을 해줄것이기 때문에 Signup.css파일을 불러와주고 Signup 함수를 생성해줍니다.다른 곳에서 사용할 수 있게 export default로 Signup 함수를 내보내줍니다.Signup 함수의 컴포넌트 내용으로는 폼 태그가 있고 폼의 내용으로 회원가입 헤더 태그와 아이디, 비밀번호, 비밀번호 확인으로 입력가능한 input 태그, 회원가입 및 뒤로가기 버튼 태그가 있습니다.import "./Signup.css";const Signup = () => { return ( 회원가입 .. 2024. 6. 5. 이전 1 다음 반응형
