fetch 함수 실습 후기

박은정·2021년 8월 25일
0

프로젝트

목록 보기
5/34

프론트에서 설정한 버튼활성화 조건을 충족하면 입력은 되지만
서버에서 설정한 회원가입 조건을 충족해야 회원가입이 되기 때문에

fetch함수는 signup 버튼활성화 조건이 충족되서 버튼을 누를 수 있을 때 실행되도록 위치시켜주면 된다

그리고 link태그를 사용하면 조건에 상관없이 바로 설정한 페이지로 이동하기 때문에
이렇게 조건에 따라 페이지 이동여부를 설정하고 싶으면 link태그는 사용하지 말아야한다
기존에 link태그를 사용했을 때 그냥 지우면 merge되었을 때 문제가 생길 수 있기 때문에
div태그로 그 자리를 채워주면 된다

signup 버튼활성화되었을 때에 fetch 함수를 실행하는 것이 아니라
버튼활성화 로직을 다 쓴 다음에 fetch함수를 실행하고 싶다면
조건이 충족되지 않았을 때에는 경고메시지를 띄운 다음에 return 키워드를 통해 함수를 더이상 실행되지 않도록 설정해야 한다

fetch 함수의 첫번째 인자에는 서버의 주소값을 연결해줘야 하고
서버에서 설정한 회원가입 조건이 충족했을 때와 그렇지 않았을 때의
response의 message 값이 어떻게 나오는지 개발자 도구의 네트워크탭에서 확인해야 한다
(메시지 또한 서버에서 응답의 형태를 어떻게 주는지 확인을 하고 로직을 입력해야 한다)

profile
새로운 것을 도전하고 노력한다

0개의 댓글