[TIL] 230203

카카오톡 로그인이 안된다는 피드백이 있었는데 원인을 못 찾고 있었다.

카카오톡 로그인 동의를 할 때 이메일을 선택값으로 받고 있었는데 이메일이 있어야 access 와 refresh token이 발급되기 때문에 필수값이어야 했다. kakao developers 에서 이메일을 필수값으로 바꾸니 정상적으로 로그인이 됐다.

 

중복 확인 버튼을 눌렀을 때 유효한 닉네임이면 닉네임 변경 버튼을 누르지 않았는데 바로 닉네임이 변경되는 문제가 있었다.

form 태그 안에서는 버튼 하나만 눌러도 다른 버튼들에 걸린 함수들이 전부 실행됐기 때문이다.

모든 버튼의 핸들러 함수에 event.preventDefault(); 를 해야 한다!

 

닉네임을 입력한 뒤 중복 확인 버튼을 누르지 않고 바로 닉네임 변경을 누르면 '닉네임 중복 확인을 해주세요' 라는 안내 메시지가 나가도록 했다. 그런데 아직 해결이 안되는 에러가 있다.

 

닉네임 입력 -> 중복 확인 누르지 않고 바로 닉네임 변경 입력 -> 안내 메시지 -> 닉네임 중복 확인 누름 -> 처음 입력한 닉네임 입력값과 다른 닉네임을 입력 -> 중복 확인 누르지 않고 바로 닉네임 변경 입력 -> 바로 닉네임이 변경됨

 

닉네임 중복 확인을 누르는 순간 상태값이 true로 바뀌었고 닉네임 변경 함수에는 상태값이 true이면 닉네임을 변경하는 api를 호출한다. 그래서 닉네임을 중간에 변경하면 상태값은 여전히 true이므로 바로 닉네임이 변경되는 것이다.

 

api를 호출해서 닉네임 변경이 끝났을 때 상태값을 false로 바꿔야 하나 시도했는데 안 됐다.

닉네임 input이 중간에 바뀌면 다시 중복 확인을 하도록 해야할 것 같은데 어떻게 해야할지 모르겠다.

내일 기술매니저님께 여쭤봐야겠다.