문제 상황
- 로그인 화면에서 회원가입에 실패했을 때 redirect를 통해 다시 회원가입화면으로 돌아갔다.
- 그런데 회원가입 기능을 참고하기 위한 사이트인(okky.kr) 에서는 리다이렉트 없이 실패했다는 div창만 회원가입 페이지에 출력이 되는 것이었다. 어떻게 이를 구현했는지가 궁금했다.
문제점
- 리다이렉트는 렌더링이 느려질 때 사용자 경험을 저해하기 때문에 리다이렉트를 최소화 하는 것이 좋다.
해결방안
- AJAX를 이용하여 비동기적으로 서버와 통신을 하여 데이터를 처리하여 리다이렉트 없이 요청과 응답을 한다.
- AJAX를 이용하여 회원가입 요청을 서버에 보내고, 서버에서는 회원가입이 성공했는지를 JSON 형태로 응답합니다. 이후 클라이언트 측에서는 이 응답을 분석하여 회원가입이 성공적으로 처리되었는지를 판단하고, 필요한 경우 UI를 갱신하거나 오류 메시지를 표시한다.
- 이렇게 하면 화면 전환 없이도 데이터 처리를 할 수 있으므로 사용자 경험을 향상시킬 수 있습니다.
후기
- 여러 CRUD를 활용해보았지만 비동기 처리를 통한 기능 구현은 해본 경험이 없다. 현재 개발중인 사이트가 기능적으로 어느정도 완성되었을 때 AJAX를 통해 사용자가 이용하기 더 편한 사이트로 만들어볼 것이다.
참고
Ajax를 활용하여 로그인 처리 : https://devmoony.tistory.com/47
공부 기록