콩콩한 하루

1.v-bind:클래스,아이디 형식으로 조건식    asdasd 2.CSS tr_color에 대한 디자인 지정

$IS_AUTH_WRITE()란 사용자가 쓰기 권한이 있는지 판단하는 함수라고 가정하자.관리자가 아닐때 글쓰기 버튼이 invisible되게 처리 하는 함수 예시:          게시판     글쓰기v-btn>

HTML : 태그 안에 WeekDays로 동적으로 렌더링 한다. {{$parent.weekDays[0]}} {{$parent.weekDays[1]}} {{$parent.weekDays[2]}} {{$parent.weekDays[3]}} {{$parent.weekDays[4]}} Script new Vue({ el: "#app", data() { }, computed: { // 이번 주의 월요일부터 금요일까지의 날짜 배열을 반환 weekDays() { const days = []; const today = new Date(); const dayOfWeek = today.getDay(); const monday = new Date(today); // 월요일 날짜를 계산 monday.setDate(today...

다음과 같이 그리드의 건수를 맨 아래에 보이게 하고 싶을때 Footer객체를 생성해서 세팅해준다.1. footerLayout을     footerLayout: [       {         dataField: "#base",         positionField: "#base",         operation: "COUNT",         postfix: " 건",       },     ], 2.mounted안에 setFooter로 푸터객체 세팅 mounted : function() { this.gridRef1.setFooter(this.footerLayout)} AUIGrid 레퍼런스https://www.auisoft.net/demo/auigrid/treeData_default.html?trn..

await 는 자바스크립트에서 비동기 작업을 처리할 때 사용된다. async 함수내에서 사용되며 비동기 작업이 완료할때까지 함수의 실행을 일시적으로 중단한다. 동기식 처리 : 순차적 처리, 서버 Request 시 Response를 받아야지 다음단계로 진행가능 비동기식 처리 : 비순차적 처리, 작업의 완료여부와 관계없이 다른 작업을 실행할 수 있다. 예시: method:{ async testFunction(){ try{ const response = await fetch("https://testpage.com/data"); const data = await response.json() this.tempDataResult = data }catch(error){ console.log("에러에러에러에러에러") ..

Vue의 데이터 바인딩(v-model)을 사용해 사용자가 입력한 값을 vue데이터와 연결한다. 동시에 입력값에 따라 클래스를 동적으로 변경할 수 있다.(예:MinusStyle 클래스는 font-color:red, PlusStyle은 font-color:blue 라고 가정해보자) 클래스가 동적으로 변경되면 스타일이 데이터에 따라 조절되는 것을 확인 할 수 있다. 조건과 CLASS 적용 결과: 'PlusStyle' :(test_gap >= 0 ): 만약 test_gap 변수가 0 이상인 경우에는 'PlusStyle' 클래스가 적용되어 폰트색이 파란색으로 변경된다. 'MinusStyle' :(test_gap

isNaN() 함수는 숫자형인지 확인 가능한 자바스크립트 내장함수이다. 숫자로 변환가능한 경우 false를 반환하고 숫자로 변환할 수 없는 경우엔 true를 반환한다. 결과값 정리 : 숫자형 변환가능일때 false / 숫자형 변환불가일때 true 사용 예시: var test_data = 10 console.log(isNaN(test_data)) // test_data는 숫자형이기에 false를 반환함. ----------------------------------------------------------------------------------------------------------------------------------- console.log(isNaN(1234));//false(숫자형) c..

y축 최소값 : 0.9 부터 y축 최대값:1.2까지의 구역에 회색 배경색을 설정하였다. 특정 x축을 설정하고 싶으면 xMin,xMax값을 넣으면 됨 1.참조하기(plugin) 2.plugin적용(차트 초기 생성시) var ctx = document.getElementById('lineChart').getContext('2d'); myChart = new Chart(ctx, { type: 'bar', data: Chartdata, options: plugins: { annotation: { annotations: { box1: { drawTime: 'beforeDraw', type: 'box', yMin: 0.9,// yMax: 1.2, backgroundColor: 'rgba(234, 234, 234, ..

:disabled = 조건문을 혹은 function 호출로 비활성화 따진다 예1) 조건문 넣기 ::disabled="This.SelectedItem.Count>0" 선택된 Count항목이 0이상일때만 활성화 됨 예2)funcion을 호출 :disabled="TestFunction" vue: function: TestFunction: function(){ if(this.SelectedItem== null) return true; //비활성화 if(this.SelectedItem.Count== null) return true; //비활성화 if(this.SelectedItem.Count == 0) return true; //비활성화 return false; // 활성화 },

radio button checked 된 값 불러오기 $('input[name=radioButtonName]:checked').val() selectbox selected 된 값 불러오기 $("#selectedboxId option:selected").val()