회원가입 버튼을 누르면 백엔드 서버 에러 500번대 에러가 뜹니다
643
작성한 질문수 13
제가 백엔드서버를 제대로 세팅을 하지 않은건지 회원가입 버튼을 누르면 500번 에러가 뜹니다

아래는 회원가입 코드 입니다
import React, { useState, useCallback } from "react";
import axios from "axios";
import { Success, Form, Error, Label, Input, LinkContainer, Button, Header } from "./styles";
import useInput from "@hooks/useinput";
const SignUp = () => {
const [ email, onChangeEmail, setEmail ] = useInput("");
const [ nickname, onChangeNickname, setNickname ] = useInput("");
const [ password, setPasswrod ] = useState("");
const [ passwordCheck, setPasswrodCheck ] = useState("");
const [ mismatchError, setMismatchError ] = useState(false);
const onSubmit = useCallback(
(e) => {
e.preventDefault();
if (!mismatchError) {
console.log("회원가입 하기");
axios
.post("http://localhost:3095/api/users", {
email,
password,
nickname
})
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err.res);
});
}
},
[ email, nickname, password, passwordCheck, mismatchError ]
);
const onChangePassword = useCallback(
(e) => {
setPasswrod(e.target.value);
setMismatchError(e.target.value !== passwordCheck);
},
[ passwordCheck ]
);
const onChangePasswordCheck = useCallback(
(e) => {
setPasswrodCheck(e.target.value);
setMismatchError(e.target.value !== password);
},
[ password ]
);
return (
<div>
<Header>Sleact</Header>
<Form onSubmit={onSubmit}>
<Label id="email-label">
<span>이메일 주소</span>
<div>
<Input type="email" id="email" value={email} onChange={onChangeEmail} />
</div>
</Label>
<Label id="nickname-label">
<span>닉네임</span>
<div>
<Input type="text" id="nickname" value={nickname} onChange={onChangeNickname} />
</div>
</Label>
<Label>
<span>비밀번호</span>
<div>
<Input type="password" id="password" value={password} onChange={onChangePassword} />
</div>
</Label>
<Label>
<span>비밀번호 확인</span>
<div>
<Input
type="password"
id="password-check"
value={passwordCheck}
onChange={onChangePasswordCheck}
/>
</div>
{mismatchError && <Error>비밀번호가 일치하지 않습니다</Error>}
{!nickname && <Error>닉네임이 비어있습니다</Error>}
</Label>
<Button type="submit">회원가입</Button>
</Form>
</div>
);
};
export default SignUp;
만약 백엔드 서버 설정이 잘못된거면 다시 0강 부터 보고 오겠습니다
답변 1
기본 셋팅과 관련하여
0
108
1
초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법
0
110
2
focus 시에만 화면 업데이트 되는 이유 + 해결방법
0
167
2
useEffect 개수 관리
0
123
2
라이브러리 서치 방법
0
118
2
함수 정의 패턴
0
81
1
npm run dev 에러
0
157
3
npx webpack 후 에러
0
188
2
'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)
0
154
2
사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')
1
193
2
초기세팅중 packge.json 에러떠요
0
163
2
CORS - Access-Control-Allow-Origin 누락 문제
0
440
3
로그인 페이지 무한 새로고침 현상
0
610
2
Module not found: Error: Can't resolve './App' 에러
0
971
1
배포 방법
0
307
2
npm run dev 시 빌드가 매우 느려졌습니다
0
1012
2
alias 경로 설정 오류
0
463
2
fetcher 함수의 data 값이 두번 찍히는 이유
0
284
1
제네릭 질문
0
227
2
ts-node 대신 tsx 사용여부
0
380
1
배포 관련 질문
0
249
1
[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.
0
396
2
[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.
0
343
1
users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.
0
255
2





