🦮 스스로를 위한 프로젝트 일지 가이드
1️⃣ 프로젝트를 진행하며 '왜' 그렇게 했는가
2️⃣ 어떤 문제가 생겼고, 어떻게 해결하였는가
3️⃣ 프로젝트를 되짚어보며 개선할 점이 있는가
✅ 회원 정보 수정
회원가입 시 회원 정보로 입력한 이름, 연락처, 비밀번호를 수정할 수 있도록 했다.
카카오 회원의 경우 비밀번호는 수정할 수 없게 했다.
수정 시 각 정보에 관해 실시간으로 안내 문구가 뜨고 최종적으로 수정 버튼을 누를 때도 유효성 검사를 진행했다.
1️⃣ 프로젝트를 진행하며 '왜' 그렇게 했는가
회원가입이랑 비슷하게 조건을 만족한 데이터만 통과시켜 수정해야 했기 때문에 회원가입과 비슷하게 진행했다.
카카오 회원의 경우 임시 비밀번호로 통일했기 때문에 해당 비밀번호가 바뀌면 로그인이 안 되므로 수정하지 못하게 해야 했다.
2️⃣ 어떤 문제가 생겼고, 어떻게 해결하였는가
기본적으로 회원가입과 같은 흐름으로 진행되어(비동기 처리-REST API) 회원가입에서 쓴 코드를 재사용했는데, 이 과정에서 코드는 재사용성이 좋아야 한다는 말을 실감했다.
회원가입 때 입력해야 하는 정보 5칸에 대한 함수를 2개로 줄여 놔서 재사용할 때 시간도 단축되고 도움이 됐다.
카카오 회원의 경우 비밀번호가 수정뿐만 아니라 노출도 되면 안 되는 상황이었다.
하지만 홈페이지 가입자 회원은 비밀번호를 수정할 수 있어야 하기 때문에 카카오 회원과의 구분이 필요했다.
때문에 jsp 조건문으로 둘을 구분해야 했는데, 카카오 회원은 마침 아이디가 모두 숫자인 반면 홈페이지 가입자는 유효성 체크를 통해 무조건 영문 이메일 형식의 아이디를 작성한다는 차이점이 있었다.
그래서 정규표현식을 이용해 아이디가 영문이면 비밀번호 input 태그를 수정할 수 있게 하고,
아이디가 숫자면 input 태그에 '비밀번호 수정 불가' 문구를 남기고 속성을 readonly로 변경했다.
