vue.js
[vue.js] vue-quill-editor 사용법 및 옵션(options) 설정
서론 데이터를 입력하고 외부에서 해당 데이터를 view하기 위해 html에 style이나 tag를 직접 변경하는 에디터가 필요하여 찾던 중 html에 스타일이 적용되는 vue-quill-editor 에디터를 적용하였다. 설치 npm i vue-quill-editor 소스 vue script 설명 editorOption : 에디터 옵션을 설정하는 data - placeholder : 에디터 안에 placeholder - modules - toolbar : 에디터 상단 툴바 옵션 설정 ["bold", "italic", "underline", "strike"], // html : , , , ["blockquote", "code-block"], // html : , [{ header: 1 }, { header:..
[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] 데이터 종류 별(data / object / array) button disabled 정리
서론 vue.js 개발하면서 자주 사용하는 dsiabled 를 정리해보려고 한다. 소스 html testobj --------------------------------------------------- test2obj --------------------------------------------------- 테이블 데이터 추가 테이블 데이터 삭제 --------------------------------------------------- testObj - a - testObj - b - testObj - c - testObj test2Obj - a - test2Obj - b - test2Obj - c - test2Obj all 설명 input 3개를 묶는 object 2개와 table 영역 그리고 데..