인코딩의 Decoding

[OpenLayers] ol.geom.circle에서 radius 단위를 m로 지정하는 방법

OpenLayers에서 ol.geom.Circle의 radius 매개 변수를 미터(meter) 단위로 사용하려면, 다음과 같이 코드를 작성할 수 있습니다. // 지도 투영 방식 설정 var projection = new ol.proj.Projection({ code: 'EPSG:3857', // 미터 단위를 사용하는 Web Mercator 투영 방식 units: 'm' }); // 중심점 좌표와 반지름(m) 설정 var center = [0, 0]; // 중심점 좌표 var radiusInMeters = 1000; // 반지름(m) var circle = new ol.geom.Circle(center, radiusInMeters, 'XY'); // 원형 지오메트리를 가진 feature 생성 var fea..

지식IT 2023. 5. 30. 09:00

[jQuery] 선택한 요소의 순서를 알려주는 index() 메소드

jQuery의 index() 메소드는 선택한 요소의 인덱스를 반환하는 함수입니다. 이 메소드는 선택한 요소가 형제 요소들 중에서 몇 번째 위치하는지를 알려줍니다. index() 메소드는 선택한 요소를 기준으로 인덱스를 계산합니다. 인덱스는 0부터 시작하며, 선택한 요소가 형제 요소들 중 첫 번째 요소라면 0을 반환합니다. 예를 들어, 다음과 같은 HTML 구조가 있다고 가정해봅시다 항목 1 항목 2 항목 3 항목 4 항목 5 이때, jQuery를 사용하여 index() 메소드를 호출하면 선택한 요소의 인덱스를 반환합니다. 예를 들어, 다음과 같은 jQuery 코드를 사용할 수 있습니다 $(document).ready(function() { var selectedIndex = $('li.selected')..

지식IT 2023. 5. 29. 15:19

[GIS] openlayers에서 반경을 입력해서 폴리곤을 그리는 방법

1. Circle 함수를 사용하여 중심점과 반경 값을 입력하여 Circle 객체를 생성합니다. var center = ol.proj.fromLonLat([lon, lat]); var circle = new ol.geom.Circle(center, radius); 2. Circle 객체를 다각형 폴리곤으로 변환합니다. var polygon = ol.geom.Polygon.fromCircle(circle, 64).transform('EPSG:4326', 'EPSG:3857'); 64는 원을 근사화하기 위해 사용되는 세그먼트 수입니다. transform 함수를 사용하여 좌표계를 변경합니다. 위 예제에서는 WGS84(4326) 좌표계를 Web Mercator(3857) 좌표계로 변경합니다. 3. 폴리곤을 Vec..

지식IT 2023. 5. 29. 15:15

[오라클] DBA 권한으로 테이블 스페이스 사용현황 확인

DBA 권한이 있을때 테이블들의 테이블 스페이스 사용현황을 알아보는 쿼리 입니다. SELECT a.TABLESPACE_NAME, a.BYTES / 1024 / 1024 AS "Total (MB)", (a.BYTES - NVL(b.BYTES, 0)) / 1024 / 1024 AS "Used (MB)", NVL(b.BYTES, 0) / 1024 / 1024 AS "Free (MB)", ROUND((a.BYTES - NVL(b.BYTES, 0)) / a.BYTES * 100, 2) AS "Used (%)", ROUND(NVL(b.BYTES, 0) / a.BYTES * 100, 2) AS "Free (%)" FROM (SELECT TABLESPACE_NAME, SUM(BYTES) BYTES FROM DBA_DA..

카테고리 없음 2023. 5. 29. 15:11

[오라클] 사용자 수준에서 테이블 스페이스 확인 하기

* 특정 테이블의 테이블 스페이스 확인하기 SELECT tablespace_name FROM user_tablespaces; * 모든 테이블을 대상으로 확인 하기 SELECT tablespace_name FROM dba_tablespaces; * 데이터 파일이 속한 테이블의 테이블 스페이스 확인하기 SELECT tablespace_name FROM dba_data_files;

지식IT 2023. 5. 29. 15:07

Vue.js - 두개의 API Styles

Vue 컴퍼넌트들은 두개의 다른 API 스타일로 사용 될 수 있습니다. 1. Options API 2. Composition API * Options API Options API에서는 콤포넌트의 logic을 option 객체 (ex. data, methods, mounted ) 를 사용하여 정의 합니다. Option에 의해 정의된 Properties들은 function 안의 this에 의해 사용 가능합니다. this는 component instance입니다. Count is: {{ count }} * Composition API Composition API에서는 component의 로직을 import 된 API function을 사용하여 정의합니다. SFC에서 Component API는 Count is:..

JavaScript/Vue.js 2023. 1. 16. 15:52

Vue.js - SFC란

Single-File Components란 Vues 컴포넌트( components)들은 HTML과 유사한 형태인 Single-File-Component(=SFC) 포맷으로 쓰여진다. ( 결과 파일 : .vue ) * SFC란 하나의 file에 3가지 요소가 공존하는 format 입니다. 1. component의 로직( JavaScript ) 2. template ( HTML ) 3. styles ( CSS) Vue component를 사용할때 추천,사용 되는 방법 SFC 포맷 예시 Level is: {{ level }} 참고 : vue 공식 홈페이지 https://vuejs.org/

JavaScript/Vue.js 2023. 1. 16. 14:59

Spring Boot Starter Parent의 역할은? pom.xml

스프링 프로젝트를 하면서 maven의 pom.xml 설정을 하다보면 다음과 같은 구조를 볼 수 있습니다. dependency 부분의 Spring Boot Starter는 의존성들의 모음 set로 사용자가 프로젝트를 생성 할때 설정을 쉽게 해줍니다. 그럼 Spring Boot Starter Parent는 무슨 역할을 할까요? -->Starter가 의존성의 모음이라면 Starter Parent는 의존성들 간의 충돌이 일어나지 않는 버전 정보를 제공해 주는 역할을 합니다.

지식IT 2022. 11. 25. 09:46

[iOS] Swift Playground로 쉽게 코딩 배우기

'애플 개발자' 사이트에서 Swift Playground라는 코딩 학습 프로그램이 있어서 한번 해 봤습니다. 애플 개발자 사이트에서 다운 받을 수 있으며 Swift 개발에 대한 기초적인 내용을 배울 수 있다고 설명 되어 있습니다. 설치 해서 첫 단계 해봤습니다. chapter1은 '코딩 배우기1'로 게임을 통해 함수, 반복문 등을 배울 수 있었습니다. 코딩이 처음이거나 게임을 통해 swift를 재밌게 배우고 싶으면 활용하기 좋은 프로그램이였습니다.

IOS 2022. 3. 13. 15:43

[iOS] 01. iOS 개발 첫 걸음 Xcode 설치 하기

iOS 개발을 해보고 싶어져서 검색 해보니 맥 OS 개발을 위한 툴은 Xcode 라고 해서 일단 Xcode를 다운 받아 봤습니다. 설치 진행은 M1 맥북으로 진행 했습니다. 감사합니다.

IOS 2022. 3. 9. 13:33

[Android] Activity와 Fragment의 차이점 간단 정리

Fragment는 Activity의 UI에서 일부분을 차지하는 'sub-activity'의 개념입니다. - Fragment도 lifecycle을 가지며 input event를 받습니다. - Activity가 작동하는 동안 Fragment를 더하거나 제거할 수 있습니다. - Fragment는 Kotlin class로 정의됩니다. - Fragment의 UI는 XML layout file로 정의됩니다.

안드로이드 2022. 3. 2. 20:57

[Android] data 바인딩 할때 invalidateAll() 의 역할

invalidateAll() 은 바이딩 된 데이터가 변경 됐을 때 UI를 refresh 해줍니다. 바인딩 된 데이터 변경 후 invalidateAll()을 사용해주어야 합니다. ex) binding.myName?.nickname = "abc" invalidateAll()

안드로이드 2022. 3. 1. 19:52

[Android] 컴파일러 에러가 날때 Clean Project

Tip ) 소스를 제대로 적용 했는데 compiler errors가 난다면? 1. Build > Clean Project 적용 2. Build > Rebuild Project 를 해본다 또는 1. File > Invalidate Caches/Restart 를 해봅니다.

안드로이드 2022. 2. 24. 12:00

[Android] vectorDrawable.useSupportLibrary = true 설정하기

vectorDrawable.useSupportLibrary = true 설정은 API 버전 21 아래에서 vector 이미지를 사용할 수 있게 해줍니다. build.gradle(Module:app) 파일의 defaultConfig 부분에 설정 vector이미지는 PNG이미지와 달리 크기에 상관 없이 그림이 깨지지 않습니다. 21이하의 API 버전에서는 vector 이미지를 사용하지 못해서 빌드 될때 각 vector 이미지에 대한 PNG파일을 각각 생성 앱의 크기가 커지는 문제 발생 vectorDrawables.useSupportLibrary = true를 build.gradle 파일의 defualtConfig 부분에 적용하면 21 이하 버전에서도 vector 이미지 사용 가능

안드로이드 2022. 2. 20. 17:04

[Clean Code] Clean Code 1장 깨끗한 코드를 읽고

스터디에서 Clean Code라는 책을 같이 읽기로 하고 먼저 1장을 읽은 후 느낀 점을 정리해 봤습니다. 우선 클린코드 라는 책은 로버트.C.마틴이 팀과 같이 집필한 책으로서 좋은 코드를 작성하는 방법에 대한 책입니다. 1장을 읽은 소감은 아직 좋은 코드를 만드는 방법에 대한 자세한 내용은 안 나왔지만 개발자로서 깨끗하고 읽기 좋은 코드를 작성해야 겠다는 생각을 하게 만드는 책이였습니다. 1장은 유명한 프로그래머들이 좋은 코드에 대해 언급하는 내용입니다. 도입부와 1장의 내용을 읽고 알게 된 내용과(원래 알고 있었지만 다시 생각하게된..) 느낀 점을 정리해 보자면 나쁜 코드로 빠르게 코드를 작성하면 나중에 수정할때 시간이 많이 걸린다. 나쁜 코드를 추후에 수정하려고 해도 나쁜 코드를 수정하는 과정은 생..

지식IT 2022. 2. 14. 16:25