:::: 개발 ::::/::: JSCRIPT ::: 77

VUE 생키 다이어그램 ( SankeyChart )여러 노드 연결 표현

처음에는 구글 라이브러리를 쓸려다 혹시 VUE 라이브러리도 있을까? 하고 찾아봤더니 있었음 !!!! ㅎㅎㅎ vue 컴퍼넌트 설치 방법 공유 우선 PC에 - nodeJs 설치 필요 그래야 npm 사용 가능 !!! 설치 후 VS_CODE 나 CMD 로 cmd 에서 node -v 버전 나오면 설치 된거임 Webpack 설치(vue 통합 프레임웍 이라고 생각)https://github.com/vuejs-templates/webpack-simple $ npm install -g vue-cli$ vue init webpack-simple my-project$ cd my-project$ npm install$ npm run dev 프로젝트 뜨는것 확인 후 !!! ( 자동으로 브라우저가 뜬다) 해당 설정은 webpac..

VUE TEST CODE

{{ message }} 내 위에 잠시 마우스를 올리면 동적으로 바인딩 된 title을 볼 수 있습니다! 이제 나를 볼 수 있어요 {{ todo.text }} {{ message }} 메시지 뒤집기 {{ message }} new Vue({ el: '#app', data: { message: '하이 Vue' } }) var app2 = new Vue({ el: '#app-2', data: { message: '이 페이지는 ' + new Date() + ' 에 로드 되었습니다' } }) var app3 = new Vue({ el: '#app-3', data: { seen:false } }) var app4 = new Vue({ el: '#app-4', data: { todos: [ { text: 'Java..

vue v-on_이벤트 핸들링

html 카운터 : {{ number }} 증가 + 감소 - Js // 새로운 뷰를 정의합니다 var app = new Vue({ el: '#app', // 어떤 엘리먼트에 적용을 할 지 정합니다 // data 는 해당 뷰에서 사용할 정보를 지닙니다 data: { name: 'Vue', number: 0 } , methods:{ increment: function() { // 인스턴스 내부의 데이터모델에 접근 할 땐, // this 를 사용한다 this.number++; }, decrement : function(){ this.number--; } } }); 코드 테스트 사이트 https://jsbin.com

스크립트 문자 가져오기 종합 세트(문자 요구사항 처리) !!!

문자 요구사항 처리 var test = "10/3"; var lastTxt = test.charAt(test.length -1 ); //마지막 문자var sliceTxt = test.slice(0,-1); //마지막 문자 제외 가져옴 var sliceInTxt = test.substring(0,test.indexOf("/")+1); //특정 문자 이전 문자 가져오기 예) 10/3 에서 10/ 여기 까지만var sliceLastTxt = test.substring(test.indexOf("/")+1 ,test.length) //특정 문자 이후 예) 10/3 에서 3 charAt : 한개만Slice : 영역 제외 잘라내기substring : 영역 지정아여 indexOf : 특정문자 검색

스크립트 디버그 (크롬 개발자 도구 활용)

크롬에서 F12 누르면 보임 Sources > Event Listener Breakpoint > Mouse > click 이벤트 모두 소스 옆에 숫자 클릭으로 Break 잡을 수 있음 F8 이나 한단계식 승인 가능 Watch 로 변수 타입 확인가능 아래 Console로 변경해서 실행 가능 Sources 수정 후 Ctrl + s 눌러 임시 저장 실행 가능 아래쪽 링크 참고 https://developers.google.com/web/tools/chrome-devtools/javascript/?hl=ko

액셀 데이터 특정 필드 추출(cols /rows)

액셀 데이터 특정 필드 추출 액셀 데이터 추출해서 스크립트로 가져오는 부분은 생략... 가져와서 추출하는 부분만 정리!! 특정 데이터 타입만 추출하여야 한다데이터 타입 별 CO2 컬럼에 VALUE 값을 추출해야 한다 첫번째 필드에 추출 타입이 명칭이 들어 있고 그 이후 공백다른 데이터 타입이 들어오고 ..다시 공백.. 으아 말로 하니까 엄청 힘드네요 ㅎㅎ COL0 | COL1 | COL2 | --------------------------------------------------------------------------------DATA_TYPE | CODE| VALUE |DATA1 | CD100 | 11 | | | CD200 | 22 | | | CD300 | 22 | | | CD400 | 22 | ..

날짜 기간별 조회 한달 단위 js script

$(document).ready(function(){ //기준 날짜 셋팅 yyyyMMDD 형식으로 셋팅 var settingDate = new Date(); settingDate.setDate(settingDate.getDate()); //오늘 //console.log( dateToYYYYMMDD(settingDate) ); var Today = dateToYYYYMMDD(settingDate); settingDate.setMonth(settingDate.getMonth()-1); //1달 전 //console.log( dateToYYYYMMDD(settingDate) ); var oneMonth = dateToYYYYMMDD(settingDate); settingDate.setMonth(settingD..