분류 전체보기
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] radio click시 validation 체크 후 checked 제어 문제 및 해결 방법
문제 이번 프로젝트에서 radio 버튼 클릭시 validation으로 check를 막는 기능이 필요했다. 보통 vue 개발하면 radio는 v-model로 하니 v-model 데이터만 초기화 하면 되겠지 하는 생각을 하며 개발 진행했는데 되지 않아서 테스트한 내용과 해결 방법을 정리해보려고 한다. 기능 radio 버튼이 클릭시 validation 을 체크해서 click을 막는다. 1차 테스트 소스 One Two 선택: {{ picked }} radio data 초기화 테스트 v-model 데이터를 picked으로 선언하고 this.picked = '' 으로 간단하게 처리했다. button 으로 테스트한것 처럼 간단하게 데이터만 초기화 하면 되겠지 생각했지만.. 2차 테스트 소스 One Two 선택: {{..
[javascript] es6 - reduce를 이용한 1차원 배열 데이터 2차원 배열로 변환
상황 이번에 프로젝트를 하면서 1차원 배열 데이터를 2차원 배열로 묶어야 하는 상황이 생겨서 방법을 여러가지 생각하다가 그나마 괜찮은 방법을 찾아서 작성하고자 한다. 기존 데이터 befotList: [ { type:'color', value:'red', }, { type:'fruit', value:'apple', }, { type:'color', value:'blue', }, { type:'fruit', value:'banana', } ], 원하는 데이터 afterList : [ { "type": "color", "value": [ "red", "blue" ] }, { "type": "fruit", "value": [ "apple", "banana" ] } ] 소스 확인