📒솜이노트

2025/10 검색 결과

해당 글 10건

# net::ERR_BLOCKED_BY_ORB / WMS 요청 실패 해결방법

net::ERR_BLOCKED_BY_ORB문제 상황로컬 환경에서 GeoServer의 WMS 레이어를 Leaflet으로 띄우는 작업을 하던 중,다음과 같은 설정으로 프록시를 구성했다. 그런데 브라우저 콘솔에 이런 에러가 계속 발생했다.project-geoserver-url: http://아이피1:8080/proxy/wms GeoServer 직접 접속(지오서버아이피:포트/geoserver/...)은 정상인데,Spring Proxy를 거치면 모든 WMS 타일 요청이 실패했다.환경 구성 요약Spring Boot (개발서버): localhost:8080GeoServer (실서버): 아이피1:포트Leaflet 지도: WMS Layer 요청ProxyController: /proxy/wms, /proxy/ows 로 G..

❗에러해결모음 2025. 10. 31. 17:02

# jQuery를 통해 Ajax 요청 시 전역 로딩스피너 제어 방법

💡이슈필요할때마다 로딩스피너를 추가하고.. ajax요청이 complete되면 꺼지게 했더니다른 요청과 동시에 있을때 타이밍이 겹쳐서 아직 내부 ajax가 끝나지 않았는데 스피너가 사라지는 현상이 생겼다. 해결 전략“모든 Ajax가 끝났을 때만 로딩을 끄는” 전역 이벤트를 써야 함.jQuery에는 이걸 위해ajaxStart / ajaxStop 이벤트가 있다.해결 코드$(document).ready() 밖(공용 JS — 예: layout.js)에 딱 한 번 추가하면 된다.// 모든 Ajax 요청이 시작되면 로딩 표시$(document).ajaxStart(function () { $("body").addClass("loading");});// 모든 Ajax 요청이 끝나면 로딩 해제$(document)...

🖥️ 프론트엔드/🟡JS, React 2025. 10. 23. 14:11

# 일본어 개수·사람·나이 등 세는 방법 완전 정리 | 일본어 초급 단어 (예문 포함)

일본어 세는 법 완전 정리표 (개수·사람·나이 등)① 일반적인 개수 세기 (～つ)한국어일본어발음예문뜻1개ひとつhitotsuりんごをひとつください。사과를 하나 주세요.2개ふたつfutatsuふたつのりんごを買いました。사과 두 개 샀어요.3개みっつmittsuみっつ買いました。세 개 샀어요.4개よっつyottsuよっつのボールを持っています。공 네 개 가지고 있어요.5개いつつitsutsuいつつあげます。다섯 개 줄게요.6개むっつmuttsuむっつの椅子を並べました。의자 여섯 개를 배열했어요.7개ななつnanatsuたくさんななつのりんごがあります。사과가 일곱 개 있어요.8개やっつyattsuやっつのボールを蹴りました。공 여덟 개를 찼어요.9개ここのつkokonotsuここのつを並べてください。아홉 개를 배열해주세요.10개とおtoo１０とおの点..

🌐외국어/일본어 2025. 10. 21. 08:00

# 계양아라온 국화 축제 너무 알차게 다녀온 후기!

🌼 계양 아라온 국화축제 다녀왔어요!요즘 날씨도 선선하고, 꽃구경하기 딱 좋은 시기라 주말에 계양 아라온 국화축제에 다녀왔어요.위치 안내위치는 인천 계양구 아라천길 쪽, ‘계양 아라온센터’ 근처라 찾아가기 어렵지 않았어요.주차장도 꽤 넓은 편이라 차로 방문해도 괜찮았고, 무엇보다 입장이 무료라 부담 없이 들를 수 있었어요(주차비는 무료가 아니었습니다!) 계양역 근처긴 한데 좀 걸어야 해서 차로 방문하는걸 추천드려요!무료 축제라 큰 기대는 안 했는데, 막상 가보니 볼거리도 많고 포토존도 다양해서 생각보다 훨씬 즐거웠어요!형형색색 예쁜 국화들이 길게 늘어서 있어서 사진 찍기 정말 좋더라고요.비가오는 날인데도 불구하고 사람들이 꽤 많이 방문해서 놀랐어요!다양한 포토존사진만 봐도 꽃냄새가 가득한 것 같지 않으..

🌿일상이야기 2025. 10. 20. 08:17

# Leaflet으로 서울시만 보이게 하는 지도 마스크 구현하기 (플러그인X)

Leaflet 마스크, 마스킹 효과Leaflet에서 특정 지역만 남기고 나머지를 반투명하게 가리는 ‘마스크(Mask)’ 효과를 만들고 싶었던 적이 있나요?이번 글에서는 별도의 플러그인 없이 순수 Leaflet만으로 서울시만 밝게, 외곽은 어둡게 처리하는 방법을 정리했습니다.구현 원리전 세계(–180~180, –90~90) 범위의 큰 사각형 polygon을 하나 만든다.그 안에서 서울시 polygon을 빼내면,→ 서울시만 “구멍처럼” 뚫린 반투명 마스크가 생긴다.즉,L.polygon([outer, ...inner])을 사용해 outer(전세계) 에서 inner(서울시 내부) 를 구멍으로 빼주는 구조입니다.전체 코드 및 결과화면 See the Pen leaflet mask by note (@somiee..

🖥️ 프론트엔드/🌏GIS 2025. 10. 16. 15:58

# 일본어 날짜와 시간 말하기 총정리 | 회화에서 바로 쓰는 표현 (예문 포함)

일본어 초보 필수 숫자·시간·날짜 표현 정리 (예문 포함)일본어를 공부할 때 꼭 알아둬야 하는 것이 바로 숫자, 시간, 날짜 표현이에요.숫자를 제대로 알아야 가격, 시각, 날짜, 나이, 전화번호 등 일상 대화가 가능해집니다.특히 일본어는 숫자의 읽는 방법이 상황에 따라 달라지는 경우가 많아서 초보자들이 자주 헷갈리죠.오늘은 기초 회화에서 자주 쓰이는 숫자·시간·날짜 표현을 예문과 함께 깔끔하게 정리했습니다.일본어 숫자 정리숫자일본어읽는법예문한국어1一いち一つください。하나 주세요.2二に二人で行きます。두 명이서 갑니다.3三さん三回見ました。세 번 봤어요.4四よん / し四時に会いましょう。네 시에 만나요.5五ご五本のペンがあります。펜이 다섯 자루 있어요.6六ろく六時に起きます。여섯 시에 일어납니다.7七なな / しち七月..

🌐외국어/일본어 2025. 10. 15. 08:17

# Local DB 접속 안됨(DB접속 무한로딩) 에러 - autovacuum 작업자가 너무 오래전에 시작되어 중지됨 해결방법

“autovacuum 작업자가 너무 오래전에 시작되어 중지됨” 해결방법로컬 개발 환경에서 PostgreSQL을 사용하다 보면갑자기 DB 접속이 되지 않고,로그에 아래와 같은 메시지가 반복되는 경우가 있습니다.경고: autovacuum 작업자가 너무 오래전에 시작되어 중지됨DBeaver나 Spring Boot, 혹은 psql에서도연결이 안 되며 서비스가 멈춰버리기도 합니다.문제 현상 요약다음 증상이 나타납니다:DBeaver에서 “Connection timed out”Spring Boot 콘솔 로그에 아래와 같은 에러가 나타남Failed to obtain JDBC Connection 원인 분석이 문제는 PostgreSQL 내부의 autovacuum 프로세스가 교착 상태에 빠졌을 때 발생합니다.autovacu..

❗에러해결모음 2025. 10. 14. 10:16

# 일본어 초급 필수 접속사 20가지 정리 (예문 포함)

일본어를 공부할 때 **접속사(接続詞, せつぞくし)**는 문장을 자연스럽게 연결하고,논리적인 흐름을 만들어 주므로 꼭 알아두는 것이 좋아요.오늘은 일상 회화에서 자주 쓰이는 일본어 접속사 20가지를 예문과 함께 정리했습니다. 일본어 접속사 20가지번호일본어뜻예문한국어1そして그리고昨日映画を見ました、そして友達と話しました。어제 영화 보고, 그리고 친구와 이야기했어요.2しかし그러나行きたかった、しかし時間がありませんでした。가고 싶었지만, 시간이 없었어요.3または또는コーヒーまたはお茶を飲みますか。커피 또는 차를 마실래요?4だから그래서雨が降っていました、だから家にいました。비가 와서 집에 있었어요.5なぜなら~때문에家にいました、なぜなら風邪を引いたからです。집에 있었어요, 왜냐하면 감기에 걸렸거든요.6けれども / けど~하지만難し..

🌐외국어/일본어 2025. 10. 13. 14:33

# Thymeleaf - 조건부 CSS 클래스 제어하기: th:classappend 활용법

th:classappend란?HTML 요소의 class 속성에 동적으로 값을 추가(append) 하는 기능을 제공기존에 정의된 클래스는 유지하면서, 특정 조건이 참일 때만 새로운 클래스를 더할 수 있습니다.삼항 연산자(조건 ? 참일 때 값 : 거짓일 때 값)와 함께 자주 사용됩니다.기본 사용법isActive가 true면: class="list-group-item active"isActive가 false면: class="list-group-item" (변경 없음)실전 예시댓글과 대댓글 구분댓글 기능에서 부모 댓글과 대댓글을 구분할 때 th:classappend를 활용할 수 있습니다. 이후 CSS에서 reply 클래스에 스타일을 적용하면:.reply { margin-left: 20px;}.reply..

🖥️ 프론트엔드/🌿 타임리프,JSP 2025. 10. 1. 10:25

# 댓글/새로고침/화살표 특수문자 모음 (복사 가능)

화살표 특수문자 모음화살표 특수문자는 우리가 문서나 온라인에서 방향이나 순서를 나타낼 때 자주 사용됩니다.기본적으로 ➡️, ⬅️, ⬆️, ⬇️와 같은 화살표가 가장 많이 쓰이며, 더 특수한 화살표도 많이 활용되고 있죠. 아래는 다양한 화살표를 복사가능하도록 모아놨습니다. ↗ ↙ ↖ ↘→ ← ← ↑ ↓ ↔⇐⇑⇒⇓⇔➡⬅⬇⬆⇦⇧⇨⇩⇪⌅⌆⌤⏎➩➪➫➬➭➮➯➱➔➘➙➚➛➜➝➞➟➠➡➢➣➤➥➦➧➨△△▴▵▷▷▸▹▻▻▽▽▾▿◁◁◂◃◅◅ ◀▶⇚⇛ ⇽⇾⇿ ➳➴➵➶➷➸➹➺➻➼➽➾⍇⍈⍐⍗↩↪ ↺↻ ➲⤴⤵↵ ↩↪ ↶↷ ⤴ ⤵ ☇ ↰↱ ↴ ↜↝ ↥ ↲↳ ↗ ↙ ↖ ↘⇠⇡⇢⇣⇄⇅⇆⇇⇈⇉⇊⇕⇖⇗⇘⇙ ⇫⇬⇭⇮⇯⇰⇱⇲⇳⤔⤕⤖⤘⤝⤞⤟⤠⤡⤢⤣⤤⤥⤦⤫⤬⤭⤯ 아이콘들을 활용하여 효율적이고 직관적인 흐름을 만들 수 있습니다.오늘 소개한 다양한 화살표..

🪄 잡동사니 2025. 10. 1. 09:51