반응형 분류 전체보기180 [지도API] Leaflet, 기준 좌표의 반경 polygon 생성 해당 게시물에서는 지도 API인 Leaflet을 활용하여, 기준 중심좌표로부터 일정한 반경으로 둘러싸는 사각형을 그리는 방법에 대해 정리해보았다. 목차 결과 예시간단하게 codePen을 활용하여 표출을 진행해보았다. See the Pen 특정좌표의 반경 polygon by HamJeong (@HamJeong) on CodePen.">See the Pen 특정좌표의 반경 polygon by HamJeong (@HamJeong) on CodePen. html코드와 css코드는 특별한 구간이 없기 때문에 javascript 코드를 첨부해보았다(가독성과 추가 설명을 위해 일부 첨삭함)var domainAddr = 'https://tiles.osm.kr'; //map layer 도메인con.. 2025. 1. 10. [JOIN] JOIN문 해당 게시글에서는 JOIN문을 이해할 수 있도록 간단히 정리해보았다. 주로 사용되는 분류만을 다루었기 때문에 생략된 JOIN의 종류가 있음을 미리 알린다. 목차 JOIN?두 개 이상의 테이블을 서로 연결하여 데이터를 검색할 때 사용하는 방법으로, 두 개의 테이블을 마치 하나의 테이블인 것처럼 보여준다. 1. INNER JOIN(내부 조인)INNER 조인은 일반적인 JOIN의 기본 형태로, 두 테이블 간의 교집합을 반환하며 매칭 조건(*ON 절 또는 *USING 절)에 부합하는 행만 결과로 포함한다.-- ['INNER' 생략 가능]-- ON절-- 컬럼 이름이 달라도 사용 가능-- OR, AND 등 복잡한 조건 사용 가능SELECT A.id, A.name, B.ageFROM AINNER JOIN BO.. 2025. 1. 9. [Node.js] error:03000086:digital envelope routines::initialization error 해결 윈도우 체제에서 해당 오류를 개선하기 위한 방법을 정리하였다. 요약Node.js 17 이상에서 OpenSSL 3.0 호환성 문제로 발생한다. 때문에 Node.js를 다운그레이드하거나 --openssl-legacy-provider를 사용하여 해결 가능하다. Node.js 다운그레이드윈도우용 nvm을 설치하여 Node.js의 버전을 변경하는 방법이다. 아래 링크에서 필요 파일을 다운받을 수 있다.https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler.. 2025. 1. 3. [tomcat] intellij 이미지 로드 설정 해당 게시물에서는 로컬pc(프로젝트 외부 경로>D드라이브 등)의 이미지를 tomcat에서 참조하여 로드할 수 있도록 설정하는 방법을 다룬다. 간단하므로 목차는 생략하였다. 본인의 경우, 로컬 테스트 환경에서 서버 이미지를 로드해야하는 상황에서 D드라이브의 이미지 경로를 웹 애플리케이션이 참조할 수 있도록 하는 방법들을 찾아보았다. tomcat의 설정파일인 server.xml에 설정 정보를 기재하여 ' localhost:port/특정디렉토리'를 프로젝트 외부 경로로 연결하는 방법이 있어 해당 안을 적용해보았다. 내가 표출하고자 했던 이미지의 위치는 D드라이브의 test폴더에 위치해 있었다. 때문에 의 src를 D:/test/image.png로 설정해보았는데, 당연히 표출되지 않았다. 예시는 아래와 같다.일.. 2025. 1. 2. [JAVA] 레이더 이미지 자동 저장 모듈 해당 게시글은 특정 시스템에 모듈 형태로 추가할 어플리케이션을 개발하다, 처리 내용과 결과를 정리해두면 좋을 것 같은 마음에 작성하였다. 우선 본문을 들어가기에 앞서, 이 모듈의 기능에 대해 정리한 readMe와 실행 결과를 아래 첨부하였다. 목차는 다음과 같다.1. 프로젝트 구조2. 이미지 처리 1) 이미지 다운로드 2) 오래된 이미지 삭제3. 로그 처리 1) 로그 핸들러 생성 2) 로그 핸들러 삭제4. 스케줄러 처리5. 추후 개선 예정 1. 프로젝트 구조프로젝트 구조는 알아보기 용이하도록 이미지에 메모한 형태로 정리하였다. 2. 이미지 처리이미지의 처리는 api 호출 결과 이미지를 특정 경로에 저장하는 다운로드 로직과, 오래된 이미지를 삭제 처리하는 로직으로 구분하였다.1) 이미지 다운로드do.. 2024. 12. 20. [차트API] highcharts wind barb(바람 깃) 그리기 해당 포스팅에서는 상단 이미지 예시와 같이, 풍속 값을 기반으로 하여 바람 깃 자료를 svg형태로 그려내고 풍향 값을 참고하여 해당 svg를 회전시켜 wind barb를 highcharts 내 표출하는 방법에 대해 다루었다. 목차는 다음과 같이 하였다.1. wind barb 정의 1) 바람 깃 svg 처리 메서드 2) svg 적용 메서드 3) 로드 예시2. highchart 표출3. 구현 예시 1. wind barb 정의바람 깃 생성을 위해 연관 작업을 처리하는 메서드를 3개로 나누어 작업하였다. 아래 목록화 된 목차 제목이 각 메서드 대한 내용이며, 연계처리하여 load메서드 실행->바람 깃 생성->바람 깃 svg 생성 순으로 호출되도록 하였다. 즉, 차트 객체 정의 혹은 차트 생성 시, .. 2024. 11. 25. 이전 1 2 3 4 ··· 30 다음 반응형
