vue.js/회원가입
[vue.js] vuex, constants, mixins 사용하여 만들어보는 회원가입 1탄(ver.2022)
서론 지난번에 썼던 https://hjh0827.tistory.com/24 는 집에서 공부하는 vue 방식이라 실제 프로젝트에서 개발하는 방식으로 변경하여 올려봅니다. VUE html 아이디 아이디 필수 정보입니다. input 정보엔 v-model로 signup.id 정보를 전달하고 길이를 20으로 제한 validation 영역은 if문을 이용해서 노출 비밀번호 비밀번호 유효하지 않은 비밀번호 입니다. input 정보엔 v-model로 signup.password 정보를 전달하고 길이를 16으로 제한 blur를 사용하여 비밀번호를 입력 후에 하단 passwordValidFlag 정보를 변경 validation 영역은 if문을 이용해서 노출 비밀번호 확인 비밀번호 재확인 비밀번호가 동일하지 않습니다. in..
vue.js - jquery 없이 만들어 보는 회원 가입 2탄
예전에 작성했던 https://hjh0827.tistory.com/24?category=1006835 이후로 2탄을 준비하고 있었는데 이제야 글을 쓰게 되네요 이번 2탄으로 개인정보 영역을 작성해보도록 하겠습니다. * vue를 쓰면 error코드를 데이터 바인딩 형식으로 노출하지만 다른 방식을 요청하는 클라이언트도 있기때문에 지난 회원가입 1탄과 다르게 이번 error코드는 다음페이지 버튼 클릭시 체크하는걸로 적용할 예정입니다. 회원가입 flow 1p - 가입 정보(아이디, 비밀번호, 비밀번호 힌트) 2p - 개인정보(이름, 전화번호, 이메일) 3p - 부가정보(직업, 관심분야, 메일/sns 정보수신, 가입경로) 회원가입 진행을 3페이지로 진행할 예정입니다. 사실 페이지 1개로 해도 되지만 페이지 이동 ..
vue.js - jquery 없이 만들어 보는 회원 가입 1탄
요새 vue.js를 공부하다보니 jquery 없이 충분히 개발을 할수 있을것 같다는 생각에 간단한 회원 가입 화면을 만들어 보려고 합니다. 바로 시작하겠습니다. 회원가입 flow 1p - 가입 정보(아이디, 비밀번호, 비밀번호 힌트) 2p - 개인정보(이름, 전화번호, 이메일) 3p - 부가정보(직업, 관심분야, 메일/sns 정보수신, 가입경로) 회원가입 진행을 3페이지로 진행할 예정입니다. 사실 페이지 1개로 해도 되지만 페이지 이동 및 데이터 이동 등등을 같이 해보기 위해 진행하려고 합니다. * vue.js의 기본 포맷은 알고 있다는 가정하에 진행하도록 하겠습니다. 가입정보(아이디, 비밀번호, 비밀번호 힌트) 아이디 HTML 영역 아이디 유효하지 않은 아이디 입니다. input 정보엔 v-model로..