[Vue.js + Vuetify.js] 태그 데이터 바인딩시 TypeError: (this.internalValue || []).findIndex is not a function 오류 해결 방법
사원정보 추가시 팝업창을 호출하여 다중 선택하여 저장하는 구조에서 멀티셀렉트 박스 <v-select> 스타일로 변경한 후 기존 선언 변수와 쿼리를 모두 변경하지않고 유지해서 사용하려고 시도하였다. 모든 문제의...
[Vue router] 리다이렉트 오류 Uncaught (in promise) Errorr: Redirected when going from “A” to “B” via a navigation guard.
사용자들이 로그인해서 사용하는 사이트의 세션이 끊겼을 때 로그인 페이지로 이동하도록 다음과 같이 코드를 적용하였다. 정확한 이유는 모르겠으나 서버사이드 로그인페이지 주소(/common/login.do) 호출시 리턴코드로 404가 반환되었다....
[HTML] 스크롤 자동 노출하기
높이가 160px를 넘어가면 자동으로 스크롤이 노출된다. < div class=”ajax_partial” data-url=”/Main/UserPartial” style=”height: 160px;overflow: auto;”> @Html.Partial(“LoadingCircle”) < /div>
[HTML] Radio버튼 체크값 가져오기
< ul> < li style=”float:left; width:130%;”> < label class=”subject3″>구분 @Html.RadioButton(“DisplayFlag”, 1, new { @class = “radio”, @id = “radio1”, @checked = “checked” }) < label class=”normal” for=”radio1″>영어< /label> @Html.RadioButton(“DisplayFlag”, 0, new { @class = “radio”, @id = “radio2” }) ...
[JAVASCRIPT] forEach문(for문) 에서 async 적용하는 방법
ㄴㅁㅇ forEach문(for문)은 async await 적용되지 않는다는 걸 알았습니다..기석M의 도움으로 map과 Promise.all()을 사용하여 코드를 수정했습니다..map을 통해 각 Promise를 배열로 저장하고 Promise.all로 실행하여 병렬 처리합니다.비동기, 동기 코드에...
[JavaScript / jQuery]라디오(radio) 버튼 이벤트(checked, change) 및 바인딩 처리 방법
아래 샘플 html 태그를 기준으로 제이쿼리와 자바스크립트를 이용하여 라디오버튼을 핸들링하는 방법에 대해 기술합니다. [HTML 태그] radio 버튼 change 이벤트 방법 radio 버튼 선택값 가져오는 방법...
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> //한글...