backend server와 연결

 

시작하기 | Axios Docs

 

axios 받아올 것이기 때문에 공식문서를 참조했다.

yarn add axios로 axios먼저 깔고

나는 회원가입 쪽을 연결했는데

회원가입에서 이메일 중복확인이나 

닉네임 중복확인을 하기 위해서 

get 요청을 했는데

 

 

왜 그런지 모르다가 중복확인할 때 post로 하는 블로그가 있어서 post요청으로 해보자 해서

post요청으로 하니 Response 잘 받아와 짐.

근데 조회하는건데 get이 아니라 post를 쓰는 거라서 쪼금 찝찝해서 

좀 더 찾아보고 다른 사람에게 물어도 보고 했는데  get요청에는 body를 담을 수 없는데 server에서 body로 보내서 그런 것 같았음

 백엔드분들에게 일단 post로 작성은 다해놨는데 혹시나 get 할 때 param 말고 body로 했냐고 여쭤보니

그렇다 해서 나중에 리팩토링 할 때 고치자 했지만 다른 이슈가 있어서 그거 고치면서 같이 고쳐주심...

그래서 난 또 post에서 Get으로 고쳤다.는 얘기...

아무튼 중복확인도 오류해결해서 잘 되고 회원가입쪽 post요청도 문제없이 마무리됨

점점 코드가 길어짐 신기방기

 

 

혹시나 중복확인 코드가 궁금할 수 도 있으니까 살짝 작성

이메일이나 닉네임이나 코드 같음

const onCheckEmail = MouseEventHandler<HTMLButtonElement> = async () 
	=> {
	await axios
		.get("api", {
			params: { 키 : 이메일값 },
		})
		.then((response) => {
        	if (response.data.success === false) {
				중복된 이메일일때 코드
        	} else {
				이메일 사용가능할때 코드
        	}
		})
		.catch((error) => console.log(error));
}