본문 바로가기
반응형

분류 전체보기706

[VueJS] vue 와 mCustomScrollbar 같이 사용하기 (ft. mCustomScrollbar 기본 사용법) 우선 본문에 들어가기에 앞서 mCustomScrolbar에 대해 간단하게 설명하자면 "jQuery custom content scroller" 즉, 기본적으로 제공되는 스크롤 overflow를 custom하여 보기좋게 보여주는 라이브러리 라고 생각하면 된다. 자세한 내용은 공식홈페이지에 들어가서 확인해보자. https://manos.malihu.gr/jquery-custom-content-scroller/ jQuery custom content scroller – malihu | web design Last updated on Jul 11, 2016 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable cu.. 2021. 1. 2.
[JavaScript] window.print() - 프린트 실행 및 프린트 실행 이전/이후 시점 제어하기 스크립트에는 window.print() 라는 메서드가 존재하는데, ctrl + p 와 동일한 기능을 제공하는 프린트 기능이다. ▷ 구문 window.print() 사실 프린트 기능만을 정리하자면 제목에 있는것처럼 window.print()만 있으면 가능하지만 당연하게도 개발을 진행하게되면 여러 상황에 직면하게 되는데 이때 유용하게 도와줄 수 있는 프린트 실행 이전/이후 시점의 처리를 도와줄 방법에 대해서도 알아보자. ▷ 예제1) window.onafterprint / window.onbeforeprint window.onbeforeprint = function () { console.log("onbeforeprint : 프린트 이전에 실행"); } window.onafterprint = function .. 2021. 1. 2.
[jsTree] jstree 마우스 우클릭 서브메뉴(contextmenu) 사용하기 (ft. Contextmenu plugin) jstree에서 제공해주는 plugin중에 하나인 contextmenu plugin에 대해 알아보자. $('#tree').jstree({ 'core' : { 'data' : [ { "id" : "ajson1", "parent" : "#", "text" : "Simple root node" }, { "id" : "ajson2", "parent" : "#", "text" : "Root node 2" }, { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" }, { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" }, ], "check_callback" : true }, 'plugins' : ["cont.. 2021. 1. 1.
[DBeaver] 데이터베이스 무료 관리툴 - DBeaver 데이터베이스 무료 관리 툴 -말 그대로 데이터베이스 무료 관리 툴이다. 예를 틀어 oracle 의 경우 sqldeveloper가 있고, postgresql은 pgadim이 있는것처럼 그러한 것들을 지원해주는 데이터베이스 관리 툴인데 DBeaver는 다양한 DB를 지원해주며 멀티 플랫폼 윈도우, Mac, Linux 역시 지원한다는 점에서 아주 유용한 툴이다. 다운로드를 받아보자. https://dbeaver.io/download/ 해당 url을 들어가보자. (window 를 기준으로 작성한 내용이다.) 좌측에 CE 부분이 무료이며 우측 EE는 유료라고 알려져있다. 본인의 OS에 맞게 다운로드를 진행해주자. 사실 다운로드 받고나서는 여타 설치프로그램 처럼 그냥 설치를 진행해주면 된다. 여기.. 2020. 12. 27.
[SPRING] mybatis 동적 쿼리 foreach문 사용하기 - mybatis foreach문 사용하기 - mybatis 에서 동적쿼리인 foreach문을 사용하는 방법에 대해 알아보자. 코드를 보고 문법 및 사용 태그 옵션을 확인하도록하자. ▶예제1) SELECT * FROM cm_mine WHERE 1 = 1 AND id IN # 직접 사용하는 형식에 대해서는 이제 알았으니 자세하게 사용되는 태그 옵션들에 대해 알아보자. ▷options collection : 전달받은 인자/변수 즉, list 같은 배열 형식의 변수 item : 배열에서의 값 하나하나를 의미한다.(script 나 java에서 foreach를 사용해봤으면 item,index를 알것이다.) index : 현재 for문을 돌고있는 index를 의미한다.(0,1,2,3, ...) open : fore.. 2020. 12. 27.
[PostgreSQL] 테이블의 컬럼 정보 확인_INFORMATION_SCHEMA.COLUMNS (ft. 특정 컬럼 존재 여부 확인) PostgreSQL에서 특정 테이블의 컬럼 목록과 특정 컬럼의 존재 여부를 확인하는 방법에 대해 알아보자. PostgreSQL의 구조를 보면 알겠지만 데이터베이스 내 schema 별로 테이블을 가지고 있는데 이 모든 schema 안에 있는 컬럼 정보들을 가지고 있는 INFORMATION_SCHEMA.COLUMNS SELECT * FROM INFORMATION_SCHEMA.COLUMNS 를 사용하여 특정 테이블 정보와, 특정 테이블의 컬럼 존재 여부를 확인해보자. ▷ 예제1) 특정 테이블의 정보 가져오기 SELECT * FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'target_table' 예제의 'target_table' 부분에 사용하고 있는 테이블명을 넣어.. 2020. 12. 16.
[유용한 사이트] #10. HTML Color Mixer 이 사이트에서 보여주는 비슷한 기능을 만들려하는데 참고할만한 곳을 한참 찾다가 발견하여 기록해둔다. Color Mixer | Html Colors 그냥 말 그대로 색상 두개를 정하고 step 을 정하면 그 사이의 컬러들을 뽑아주는 기능이다. https://htmlcolors.com/color-mixer 2020. 12. 16.
[JavaScript] arr.some() - 배열에 존재하는 값이 특정 조건을 "단 한개"라도 만족하는지 판별하는 함수 (ft. 반복문) Array.prototype.some() 이라는 배열 메서드는 대상 배열에 특정 조건에 만족하는게 "단 하나"라도 존재하는지 확인하는 메서드이다. ▷ 구문 arr.some(callback(curentValue, index, array)[, thisArg]) callback : function 안에서 조건에 맞는게 하나라도 있는지 체크하며, true/false를 반환한다. curentValue: 현재 요소 (ex. 반복문의 현재 요소) index : 현재 요소의 인덱스 array :대상 배열 thisArg : callback을 실행할 때 this로 사용하는 값. 예제를 통해 some() 메서드에 대해 알아보자. ▷ 예제1) var array = [0,1,2,3,4] array.some(function(el.. 2020. 12. 16.
[JavaScript] Object.values() - 객체의 value 값들만 뽑아내기 객체에 담아서 사용하다보면 key값들만 뽑아서 사용하거나 value값들만 뽑아서 사용해야하는 경우가 생긴다. 배열에 돌려서 하나하나 뽑아 쓰기 보다는 스크립트에는 Object.values() 라는 메서드를 제공해주는데 특정 객체를 대상으로 value값들만 뽑아서 배열로 반환하는 메서드라 생각하면 된다. ▷ 구문 Object.values(obj) : Object.values() 는 파라매터로 전달된 객체가 가지는 열거 가능한 속성의 값들로 구성된 배열을 반환합니다. 배열의 값들이 순서는 오브젝트의 속성을 for in 구문등으로 반복한 결과와 동일합니다. (참고로 for in 구문은 순서를 보장하지 않습니다) 예제를 통해 알아보자. ▷ 예제1) 숫자값들로 이루어진 객체 var obj = { a: 2, b: .. 2020. 12. 15.
반응형
TOP

티스토리툴바