본문 바로가기
반응형

분류 전체보기706

[PostgreSQL] WITH RECURSIVE 구문 - 재귀쿼리, 계층쿼리 PostgreSQL에서 WITH RECURSIVE 구문을 사용하여 반복문처럼 사용이 가능하다. 재귀적 쿼리인데 이는 보통 테이블 데이터가 계층형일때 많이 사용된다. ▷ 구문 WITH RECURSIVE recursive_name [(column1, ...)] AS ( -- initial query (처음 호출하는 쿼리) -- non-recursive query SELECT [(column1, ...)] UNION [ALL] -- recursive query (반복 쿼리) SELECT [(column1, ...)] FROM recursive_name [WHERE] ) -- parent query SELECT * FROM recursive_name WITH RECURSIVE 구문을 통해 쿼리가 반복되며, 반복.. 2021. 10. 9.
[JavaScript] Object.is() - 두 개의 값이 같은지 확인 (ft. 이중등호(==), 삼중등호(===)) Object.is() 메서드에 대해 알아보자. ▷ 구문 Object.is(value1, value2); 이중등호(==)와 삼중등호(===) 처럼 두개의 값을 비교해주는 메서드이다. 우선 Object.is() 메서드는 IE에서는 사용이 불가능하다는 점을 알아두고 예제를 통해 접해보자. ▷ 예제1) Object.is() 기본 사용법 Object.is('mine', 'mine'); // true Object.is(window, window); // true Object.is(undefined, undefined); // true Object.is(null, null); // true Object.is('mine', 'it'); // false Object.is([], []); // false Object.is.. 2021. 10. 8.
[HTML] <a> 태그로 가볍게 특정 파일 다운로드 받기 (ft. download attribute) - tag download Attribute - 태그를 통해 간단하게 파일 다운로드 하는 방법에 대해 알아보자. 태그에는 download 라는 속성이 존재하는데 이는 href에 지정된 파일을 다운로드해주는 기능이다. 이렇듯 복잡한 기능의 다운로드로는 사용을 못하고 일반 이미지, 엑셀 템플릿 등 고정된 것들에 한해서만 사용하기에 좋다. ▷ 구문 구문까지 익혔으니 실제로 어떤식으로 사용되는지 봐보자. ▷ 예제1) 태그 download 속성 기본 사용법 사용법은 구문과 별 다를게 없이 아주 간단하다. 예제에서 사용된 엑셀 뿐만 아니라 다른 여러 확장자의 파일 역시 가능하다. ▷ 예제2) 다른 이름으로 다운로드 받기 download 속성에는 filename 옵션이 존재하는데, download="filename".. 2021. 10. 3.
[JAVA] 자바_변수 타입에 따른 기본값(Default Value) - 변수 타입에 따른 기본값 (ft. 기본형 참조형) - 자바에서는 변수를 선언할 경우 초기화를 하지 않더라도 변수의 타입별로 기본값이 존재하는데, 이는 컴파일러(Compiler)에 의해 초기화가 되는 값이니 실제로 코드를 작성한다면 직접적으로 값을 할당하여 초기화 시켜주는게 좋다. 그리고 지역변수는 초기값이 들어가지 않기 때문에 여러모로 혼란스러울수 있으니 꼭 값을 할당해서 초기화 시켜주자. 그래도 일단 궁금하니 변수 타입에 따른 기본값은 아래 표로 정리해둔다. 변수 타입에 따른 기본값 자료형(변수 타입) 기본값 byte 0 short 0 int 0 long 0L float 0.0f double 0.0d char '\n0000' boolean false 참조형 변수(String or any Object.. 2021. 10. 3.
[VueJS] computed와 watch 속성 비교 vueJS에서 제공하는 computed와 watch 속성에 대해 알아보자. 왜 이 두가지를 동시에 다루냐면 서로 비슷한 특징을 가지고 있기도 하고, 처음 접할때도 둘을 비교하는 경우가 많았기 때문에 나 역시 같이 기록해두고자 한다. 역시 vueJS는 공식홈페이지가 너무 잘되어있기 때문에 예제를 그대로 가져와 사용해보고자 한다. 1. computed 원본 메시지: "{{ message }}" 역순으로 표시한 메시지: "{{ reversedMessage }}" var vm = new Vue({ el: '#example', data: { message: '안녕하세요' }, computed: { reversedMessage: function () { return this.message.split('').reve.. 2021. 9. 7.
[PostgreSQL] UpdateGeometrySRID() - geometry 컬럼 SRID 좌표계 변경하기 PostgreSQL의 특징 중 하나인 공간쿼리를 사용하다보면 당연하게도 좌표계에 영향을 받을수밖에 없는데 geometry 컬럼에 좌표계를 주입 혹은 변경하는 방법에 대해 알아보자. ▷ 구문 UpdateGeometrySRID(varchar table_name, varchar geometry_column_name, integer srid); UpdateGeometrySRID(varchar schema_name, varchar table_name, varchar geometry_column_name, integer srid); UpdateGeometrySRID(varchar catalog_name, varchar schema_name, varchar table_name, varchar geometry_colu.. 2021. 9. 4.
[JavaScript] arr.find() - 특정 조건에 맞는 배열 요소 값 가져오기 (ft. Array.prototype.find()) 특정 조건에 맞는 배열 요소 값의 위치를 찾아내는 Array.prototype.findIndex() 말고도ES6에서 추가된 특정 조건에 맞는 배열 요소 값을 그대로 반환해주는 Array.prototype.find() 메서드 역시 존재한다. findIndex() 메서드에 대해서는 아래 링크를 통해 접해보자.[JavaScript] arr.findIndex() - 조건에 맞는 배열의 특정 값 위치(index) 찾기 (Array.prototype.findIndex()) [JavaScript] arr.findIndex() - 조건에 맞는 배열의 특정 값 위치(index) 찾기 (Array.prototype.findIndex())배열에서 특정 값의 위치(인덱스)를 찾아주는 indexOf 가 존재하는데, 아무래도 상.. 2021. 9. 1.
[VueJS] checkbox 사용 및 활용 방법 (ft. v-model를 활용한 checkbox 사용) vueJs에서 checkbox를 사용하는 방법에 대해 알아보자. checkbox를 쓸때는 checkbox에 값을 넣어두고 체크여부에 따라 값을 가져오고는 하는데 vueJs에서는 신기하게도 값을 알아서 넣어준다. 코드를 통해 접근해보자. ▷ html mine it record check ▷ script new Vue({ el: '#app', data: { arr : [] }, methods : { checkArr : function() { console.log(this.arr); } } }); 이런식으로 구성되어있다면 어떤식으로 작동할까? 일단 화면구성은 아래와 같다. 이 상태의 화면에서 아래와 같이 몇개를 체크해보고 'check' 버튼을 눌러보자. ▶ 결과 저런식으로 v-model로 연결되어있는 배열에 .. 2021. 8. 30.
[JavaScript] history.pushState() - 페이지 갱신없이 주소URL 변경하기 스크립트로 페이지를 갱신하지 않고 페이지 주소만 변경하는 방법에 대해 알아보자. 생각외로 url을 이동하지 않은 상태에서 주소창의 url만 변경해야 하는 경우가 생길 수 있다. ▷ 구문 history.pushState(state, title[, url]); state : 세션 히스토리에 넣을 상태 객체 (잘 모르겠으니 null을 넣어주자.) title : 브라우저의 제목 (필요 없을 시 null 사용) url : 변경할 브라우저 URL 예제를 통해 접근해보자. ▷ 예제1) history.pushState() history.pushState(null, null, 'record') ▷ 결과 세번째 매개변수에 넣어준 url로 변경된 것을 확인할 수 있다. 사용하기에 앞서 알아둬야할 것은 HTML5에서 적용된 .. 2021. 8. 25.
반응형
TOP

티스토리툴바