분류 전체보기
[javascript] 엑셀 이메일 한번에 붙여넣기(feat.이메일 체크 및 중복체크)
서론 사용자가 엑셀로 관리하고 있는 이메일 목록을 복사 & 붙여넣기 하여 수신자 목록을 적용하려고 한다. 그 기능을 적 소스 html 추가 ↓ {{ index }} {{ item }} 설명 textArea : 입력 폼으로 v-model="inputEmail" 을 이용하여 데이터 제어 button : inputEmail 데이터 유무로 disabled 제어하고 click시 addEamil 메소드 호출 div : addEmailList 데이터 기준으로 추가된 데이터를 노출 script 설명 메소드 replaceEnter : 엔터값을 정규식을 이용해 치환한 메소드로 치환값이 있다면 해당 값으로 치환하고 없다면 '/' 으로 치환한다. emailCheckFlag : 전달값을 이메일 체크하여 true / false ..
[vue.js] select 사용법 및 총 정리(feat. method 호출 및 데이터 제어)
문제 selectbox 클릭시 메소드를 호출해서 validation 체크 후 특정 select 선택을 막는 기능이 필요했다. 보통 selectbox 데이터는 v-model로 v-model 데이터만 초기화 하면 되겠지 하는 생각을 하며 개발 진행했는데 되지 않아서 테스트한 내용과 해결 방법을 정리해보려고 한다. 기본 selectbox html v-model select - {{ item.name }} ------------------------------------- 선택 value: {{ selected2 }} 설명 기본적인 selectbox로 select는 v-model로 제어를 하고 option 하위에 selectList를 v-for를 이용하여 적용하였다. 선택한 데이터를 보기 위해 selected2..
[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:..