JavaScript를 사용하여 HTML 문자열(String)을 실제 HTML 또는 DOM으로 변환하는 방법(HTML를 String으로 변환 포함)
DB에 아래와 같은 html 문자열을 저장하고 있을 경우에 img 태그의 src 값을 변경해야할 경우에는 어떻게 하면 좋을까? <table style="width: 100%;"> <tbody> <tr> <td style="width: 50%;"> <p><img...
[Vue warn]: Unknown custom element: – did you register the component correctly? For recursive components, make sure to provide the “name” option. 제거하는 방법
메뉴를 클릭하거나 화면이동시 다음과 같은 경고 내용이 메뉴를 클릭할 때 마다 발생하는 경우가 있다. [App.vue] <template> <v-app> <component :is="curLayout"> <keep-alive :exclude="viewArr"> <router-view /> </keep-alive>>...
[AjaxLoader.js]ajax호출 시작 및 종료시 로딩이미지 호출하기
AjaxLoader.js를 테스트해 볼 수 있다.AjaxLoader.js documentation AjaxLoader.js documentation Javascript library for displaying animated waiting indicator without images using symbols such as “|”, “_”, etc....
[HTML] 태그 속성 중 readonly 와 disabled의 차이점
< input type=”text” id=”fileName” value=”test.txt” readonly /> < input type=”text” id=”fileName” value=”test.txt” disabled /> Form를 submit를 하였을 때 readonly 의 경우 백엔드 쪽으로 값이 넘어오지만, disabled의 경우 백엔드 쪽으로 값이 넘어 오지 않는다. [asp.net mvc 4 Razor 이용시]@Html.TextBoxFor(m => m.ManagerAddress, new { @class = "k-input", @readonly = "readonly" })@Html.TextBoxFor(m => m.OriginNumbers, new { @class = "k-input", type = "hidden", @readonly = "readonly" })@Html.RadioButtonFor(m => m.IsPublicAmount, false, new { @class = "radio", disabled = "disabled" })@Html.RadioButtonFor(m => m.IsPublic, "true", new { id = "IsPublic", disabled = "disabled" })@Html.CheckBoxFor(x => Model.Company[i].ServiceFee, new { @class = "ServiceFee_" + Model.Company[i].Year, disabled = "disabled" })< label>사용< /label> //한글...
[javascript]Math()함수를 이용한 올림, 버림, 반올림
Math()함수 사용방법 [Math.floor() : 소수점 버림 ] document.write(Math.floor(123.456)); →124 document.write(Math.floor(123.567)); →124 [Math.round() : 소수점 반올림 ] document.write(Math.round(123.456)); →123 document.write(Math.round(123.567)); →124 [Math.ceil() : 소수점 올림 ] document.write(Math.ceil(123.456)); →124 document.write(Math.ceil(123.567)); →124 [toFixed() : 소수점 이하 숫자를 지정한 자릿수만 남기고 반올림] document.write((123.456).toFixed(0)); →123 document.write((123.456).toFixed(2)); →123.46 document.write((123.456).toFixed(4)); →123.4560
[Javascript] 웹페이지에서 스크롤시 아래쪽(끝)에서 스크롤 기능이 안먹힐때
스크롤을 끝까지 내려서, 끝에 도달하면 데이터를 불러와 추가하는 방식으로 정보를 노출할 수 있다. (더보기 기능) 잘되던 로직인데… 휴대폰이 발달(?)하면서 이 기능이 제대로 되지않고 있어 원인...
[Vue.js + Vuetify.js] v-data-table 데이터테이블 모든 열 컬럼 수정 편집 활성화 방법
Vueitify 데이터 테이블 v-data-table은 표 형식의 데이터를 표시하는 데 사용되는데 편집모드로 사용하고 싶다. 기본 가이드 문서를 보면 CRUD 작업을 위해 2가지 방법으로 편집모드를 제공한다. 첫번째...
[Vue.js]비밀번호에 대한 정규식 rule 적용방법 : 8자 이상, 숫자 1개 이상, 소문자 및 대문자와 특수 문자를 모두 포함시키는 방법
비밀번호에 대한 정규식 rule 적용 예제 <v-form ref="refForm" v-model="data.item" lazy-validation > <v-row class="pt-0 mx-0"> <v-col class="py-0 px-2" cols="12" lg="12" md="12" sm="12" xs="12"> <label class="pt-2">새 비밀번호</label>...
[Vue.js + Vuetify.js] Jodit 에디터 파일 업로드 기능 구현시 함수 또는 스크립트(method) 호출시 is not a function 오류가 발생할 때 처리하는 방법
Jodit 에디터 사용시 서버로 파일 업로드 기능을 사용하려면 별도의 추가 작업을 해야한다. 파일 업로드시 formdata 형식으로 서버로 전달담으로 vue에서 파일업로드시 axios에서 formdata를 파라미터로 사용하는 것과...
[Vue.js + Vuetify.js] 1개 이상의 트리(v-treeview)에서 부모 노드와 자식노드의 중복 체크 하는 방법
다음과 같은 선택가능한 treeview가 여러개 있다고 가정하자. Selection type은 leaf이다. 아래와 같이 1번의 트리의 경우 부모노드인 Applications 를 선택하였고, 2번의 경우 Applications의 자식노드인 Chrome:app 노드를...
