[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 노드를...
[Vue warn]: Invalid prop: type check failed for prop “value”. Expected Array, got Object 해결방법
[Vue warn]: Invalid prop: type check failed for prop “value”. Expected Array, got Object [Vue warn]: Error in callback for watcher “value”: “TypeError: value.reduce is not a function” 주의가 떴다. JSON 타입의 객체 데이터를 배열로 선언한 값으로 지정하려고 할 때 발생되었다. [오류 원인] 데이터를 받는 변수를 배열로 선언했지만 그 변수의 value값으로 object(객체)를...
[Vue.js + Vuetify.js] v-date-picker 검색기간 설정시 이전일자(과거날짜)는 선택하지 못하도록 구현하는 방법
조회기간을 설정할때 시작일 보다 종료일이 작은 과거날짜는 선택할 수 없도록 해줘야하는 경우가 있다. 혹은 현재일자보다 과거 날짜는 선택할 수 없도록 처리해주어야 할 경우에 대한 처리...
[Vue.js +Vuetify.js] v-carousel를 사용한 이미지 스와이프(swipe)구현하기(프리젠테이션)
이미지 슬라이드를 구현하기 위해 vuetify.js 프레임워크의 Carousels를 사용해보기로 하였다. 기본적인 개발가이드와 구현방법은 아래링크를 참고하면 된다. Carousel component The carousel component is used to cycle...
[Vue.js] Redirected when going from “A url” to “B url” via a navigation guard. 오류 해결방법
메인화면이 A라고 가정했을 때 메인화면에서 B 페이지로 페이지 라우터 push()이용한 화면 전환시 발생한 오류이다. 실행된 스크립트는 다음과 같다. this.$router.push('/editUser'); [오류 내용] vue-router.esm.js?8c4f:2065 Uncaught (in...
