Merge branch 'iipbs/sn/dev' of https://www.onasys.co.kr:3000/ONAANDALL/frontend into iipbs/sn/dev

apps/fo/app/api/proxy/[...url]/route.ts

@@ -1,3 +1,14 @@
+/**
+ * 📄 Proxy Route
+ * API 프록시 라우트
+ *
+ * - 서버 API로의 요청 프록시 처리
+ * - 쿠키 기반 인증 토큰 및 리프레시 토큰 관리
+ * - POST 및 PUT 요청 핸들링
+ * - 사용자 인증 정보 검증 및 응답 처리
+ * - 에러 핸들링 및 상태 코드 반환
+ * - 사이트 ID 및 헤더 설정
+ */
 import {
     ACCESS_TOKEN,
     AUTH_USER_ID,
@@ -113,12 +124,8 @@ export async function PUT(
 }
 
 function getCookieDomain(): string | undefined {
-  if (typeof window === "undefined") return undefined;
-
-  if (COOKIE_DOMAIN) return COOKIE_DOMAIN;
-
-  const { hostname } = window.location;
-  if (hostname === "localhost" || hostname === "127.0.0.1") return undefined;
-
-  return hostname;
+  // 개발에서는 현재 사이트 전용, 운영에서는 환경변수의 공용 도메인을 사용한다.
+  return process.env.NODE_ENV === "production"
+    ? COOKIE_DOMAIN || undefined
+    : undefined;
 }

apps/sn/app/(map-layout)/map/components/exmn/exmn-layer-setting-panel.tsx

@@ -5,6 +5,7 @@
 "use client";
 
 import type { ExmnMapFilters, ExmnMapJobType } from "./exmn-map-types";
+import { EXMN_RESULT_PPL_LEGEND_COLOR } from "./exmn-map-types";
 import LayerSettingCard from "../layer-setting/layer-setting-card";
 
 type Props = {
@@ -52,7 +53,8 @@ export default function ExmnLayerSettingPanel({
         <label className="flex min-h-[24px] flex-col items-stretch gap-1">
           <span className={`flex items-center gap-1 ${labelClass}`}>
             <span
-              className={`h-2 w-2 rounded-full ${jobType === "PPL" ? "bg-[#facc15]" : "bg-[#8b5cf6]"}`}
+              className="h-2 w-2 rounded-full"
+              style={{ backgroundColor: jobType === "PPL" ? EXMN_RESULT_PPL_LEGEND_COLOR : "#8b5cf6" }}
             />
             사업차수
           </span>

apps/sn/app/(map-layout)/map/components/exmn/exmn-map-types.ts

@@ -8,7 +8,7 @@ export const EXMN_RESULT_ROOT_LAYER_TYPE = "sn_exmn_result_group";
 export const EXMN_RESULT_PPL_LAYER_TYPE = "sn_exmn_result_ppl";
 export const EXMN_RESULT_MNHL_LAYER_TYPE = "sn_exmn_result_mnhl";
 // 레이어 트리에서 조사 관로와 기존 맨홀 분류 심볼을 즉시 구분하기 위한 전용 범례 스타일이다.
-export const EXMN_RESULT_PPL_LEGEND_COLOR = "#facc15";
+export const EXMN_RESULT_PPL_LEGEND_COLOR = "#000080";
 export const EXMN_RESULT_MNHL_LEGEND_ICON = "SN_EXMN_MANHOLE_PURPLE.png?v=3";
 
 export type ExmnMapJobType = "PPL" | "MNHL";

apps/sn/app/(map-layout)/map/lib/analysis-layer-styles.ts

@@ -4,6 +4,7 @@ import Icon from "ol/style/Icon.js";
 import Stroke from "ol/style/Stroke.js";
 import Style from "ol/style/Style.js";
 import Text from "ol/style/Text.js";
+import { EXMN_RESULT_PPL_LEGEND_COLOR } from "../components/exmn/exmn-map-types";
 import {
   EXMN_GRADE_COLORS,
   EXMN_RESULT_MANHOLE_ICON_SRC,
@@ -14,10 +15,11 @@ export const getExmnGradeColor = (feature: any) => {
   return EXMN_GRADE_COLORS[grade] ?? "#2563eb";
 };
 
-export const createExmnPipeStyle = (feature: any) =>
+// 조사 관로는 상태등급과 관계없이 범례와 같은 짙은 남색으로 표시한다.
+export const createExmnPipeStyle = () =>
   new Style({
     stroke: new Stroke({
-      color: getExmnGradeColor(feature),
+      color: EXMN_RESULT_PPL_LEGEND_COLOR,
       width: 4,
     }),
   });

apps/sn/app/api/proxy/[...url]/route.ts

@@ -122,12 +122,8 @@ export async function PUT(
 }
 
 function getCookieDomain(): string | undefined {
-  if (typeof window === "undefined") return undefined;
-
-  if (COOKIE_DOMAIN) return COOKIE_DOMAIN;
-
-  const { hostname } = window.location;
-  if (hostname === "localhost" || hostname === "127.0.0.1") return undefined;
-
-  return hostname;
-}
+  // 개발에서는 현재 사이트 전용, 운영에서는 환경변수의 공용 도메인을 사용한다.
+  return process.env.NODE_ENV === "production"
+    ? COOKIE_DOMAIN || undefined
+    : undefined;
+}

apps/sn/app/page.tsx

@@ -1,50 +1,18 @@
 /**
  * ➡️ 경로 : 루트 (/)
- * 
+ *
  * 📄 Home Page
  * 홈 페이지 컴포넌트
  *
- * - 쿠키 기반 인증 토큰 검증 및 자동 로그인 처리
- * - 로그인 성공 시 지도 페이지로 리다이렉트
- * - 개발 환경에서는 루트 진입 시 자동 로그인 후 지도 페이지 이동
- * - 로그인 실패 시 에러 로깅 및 처리
+ * - 루트 진입 시 지도 페이지(/map)로 리다이렉트
+ * - 인증 토큰 검증 및 로그인 화면 이동은 /map 및 공통 인증 흐름에서 처리
  * - 사용자 세션 관리 및 초기 라우팅 제어
- * - Next.js useRouter를 통한 클라이언트 사이드 라우팅
- * 
- * 🔗 사용 API
- * - 로그인: POST /api/v1/auth/login (user-service)
  */
 "use client";
-import { authService } from "@/entities/auth";
 import { useEffect } from "react";
 
-const DEV_HOSTNAMES = new Set(["localhost", "127.0.0.1", "con.mind-one.co.kr"]);
-
-const DEV_LOGIN_PAYLOAD = {
-  userId: process.env.NEXT_PUBLIC_DEV_LOGIN_USER_ID || "CLEANWATER",
-  password: process.env.NEXT_PUBLIC_DEV_LOGIN_PASSWORD || "gktneh12!@",
-};
-
 export default function Home() {
   useEffect(() => {
-    const hostname = window.location.hostname;
-    const isDevHost = DEV_HOSTNAMES.has(hostname);
-
-    if (!isDevHost) {
-      window.location.replace("/map");
-      return;
-    }
-
-    async function doLogin() {
-      try {
-        // 개발 환경에서는 남아 있는 만료/부분 쿠키로 인한 /map <-> / 루프를 막기 위해 항상 토큰을 재발급한다.
-        await authService.login(DEV_LOGIN_PAYLOAD);
-        window.location.replace("/map");
-      } catch (err) {
-        console.error("로그인 실패", err);
-      }
-    }
-
-    void doLogin();
+    window.location.replace("/map");
   }, []);
 }

apps/sn/docs/작업검증/SFR-010-004~SFR-010-007-조사사업/002-qa-SFR-010-004~007-조사사업-통합검증결과.md

@@ -719,3 +719,19 @@
 - 실브라우저: 테스트 사업→초이처리분구→지도3개 표시→실제188001 클릭→사업명 테스트/GIS 맨홀번호188001 확인→조사보고서 보기→1쪽 PDF와188001 표시 성공. 사용자도 최종 정상동작 확인했다.
 - 실행 서버: 기존 재시작 승인 범위에서 코드 반영 후8883 PID27788로 유지한다(이전PID24204 종료). classpath/실행로그는 기존 .codex-tmp/manhole-backend-* 경로 유지. 종료명령 Stop-Process -Id 27788.
 - 롤백: 위 FE3개 소스와 ExmnManholeReportService의 이번 변경을 함께 복원한다. DB 롤백 없음. 잔여 리스크는 GIS 미연결 자료 열람 불가 및 대형 사업의 지도 매칭·PDF 판독 비용이며, 임의 위치/다른 사업 fallback을 하지 않는다.
+
+
+## 2026-10-28 관로조사 남색 표시
+- 정적 확인: 관로 선·범례·설정 표식은 `EXMN_RESULT_PPL_LEGEND_COLOR(#000080)`을 공유하고 관로 선 두께는 4를 유지한다. 맨홀·선택 이벤트·API·DB 변경 없음.
+- `git -C frontend diff --check`: 통과.
+- 3002 리스너 부재로 HMR·실브라우저 검증은 미수행. 실제 지도에서 관로조사 켜기, 등급 필터 변경 후 남색 유지, 선택 강조·맨홀 동시 표시 구분을 후속 확인한다.
+
+### 2026-10-28 개발 서버 기동 후 확인
+- 사용자 요청으로 `pnpm --filter sn dev` 실행, Next.js Ready 및 localhost:3002 접속 확인. 서버는 유지한다.
+- Chrome에서 /map 진입 시 /auth/login으로 이동하고 로그인 화면이 표시됨. 로컬 로그인 세션이 없어 실제 지도 선·범례 가시성 검증은 로그인 후 계속해야 한다. 인증 우회·환경설정 변경 없음.
+
+### 2026-10-28 백엔드 복구 및 실지도 검증 완료
+- 원인: 프론트만 실행되어 localhost:8883 지도 API가 ECONNREFUSED로 실패했다. 기존 local 설정으로 Config Server와 sewerage-service를 기동했다. 코드·환경 파일·DB 변경 없음.
+- 지도 레이어 API HTTP 200. 실제 레이어 목록·조사사업 조회 정상.
+- 테스트 사업 → 관로조사 → 초이처리분구 → 지도보기: 3개 표시, 줌18.0에서 짙은 남색 관로가 일반지도 배경과 주황색 기존 관로에서 선명하게 구분됨. 이전 실지도 미검증 상태 해소. 위성지도·모든 등급·선택 강조 조합은 미검증.
+- 사용자 계속 실행 지시에 따라 FE3002 PID28176, BE8883 PID31232, Config8888 PID27092 유지. 종료 시 해당 PID가 같은 프로세스인지 재확인 후 Stop-Process -Id 명령으로 종료한다.

apps/sn/docs/작업계획/SN-패키지구조진단/001-fe-SN-파일역할목록.md

@@ -38,7 +38,7 @@
 | 파일 | 역할 | 선언/주석 보조 근거 | 행 | 직접 참조 | 상태 |
 |---|---|---|---:|---:|---|
 | [layout.tsx](<D:/workspace/IIPBS-FRONTEND/frontend/apps/sn/app/layout.tsx>) | Next 루트 HTML·테마·메타데이터·Provider 진입점 | metadata, RootLayout / ➡️ 경로 : 모든 페이지 | 44 | 0 | 등록/도구 진입 규칙 대상 |
-| [page.tsx](<D:/workspace/IIPBS-FRONTEND/frontend/apps/sn/app/page.tsx>) | 루트 진입/개발 자동로그인·지도 이동 | DEV_HOSTNAMES, DEV_LOGIN_PAYLOAD, Home / 홈 페이지 컴포넌트 | 51 | 0 | 등록/도구 진입 규칙 대상 |
+| [page.tsx](<D:/workspace/IIPBS-FRONTEND/frontend/apps/sn/app/page.tsx>) | 루트 진입/지도 이동 | Home / 홈 페이지 컴포넌트 | 18 | 0 | 등록/도구 진입 규칙 대상 |
 | [providers.tsx](<D:/workspace/IIPBS-FRONTEND/frontend/apps/sn/app/providers.tsx>) | 실제 src/app/providers의 AppProvider 재수출. 현재 layout에서 사용 |  | 2 | 1 | 정적 참조 있음 |
 
 ## app/(auth)/auth

apps/sn/docs/작업내용/SFR-010-004~SFR-010-007-조사사업/001-fe-SFR-010-004~007-조사사업-통합구현기록.md

@@ -1045,3 +1045,12 @@
 - 실브라우저: 테스트 사업→초이처리분구→지도3개 표시→실제188001 클릭→사업명 테스트/GIS 맨홀번호188001 확인→조사보고서 보기→1쪽 PDF와188001 표시 성공. 사용자도 최종 정상동작 확인했다.
 - 실행 서버: 기존 재시작 승인 범위에서 코드 반영 후8883 PID27788로 유지한다(이전PID24204 종료). classpath/실행로그는 기존 .codex-tmp/manhole-backend-* 경로 유지. 종료명령 Stop-Process -Id 27788.
 - 롤백: 위 FE3개 소스와 ExmnManholeReportService의 이번 변경을 함께 복원한다. DB 롤백 없음. 잔여 리스크는 GIS 미연결 자료 열람 불가 및 대형 사업의 지도 매칭·PDF 판독 비용이며, 임의 위치/다른 사업 fallback을 하지 않는다.
+
+
+## 2026-10-28 관로조사 지도 색상 가시성 개선
+- 사용자 요청에 따라 조사결과 > 관로조사의 지도 선을 상태등급별 색상에서 짙은 남색 `#000080`으로 통일했다. 선 두께 4와 등급 조회·필터는 유지한다.
+- `app/(map-layout)/map/lib/analysis-layer-styles.ts`, `components/exmn/exmn-map-types.ts`, `components/exmn/exmn-layer-setting-panel.tsx`에서 지도 선·레이어 범례·설정 표식이 같은 색상 상수를 사용하도록 했다(뒤 두 경로도 같은 map 하위).
+- 원본 근거: 요구사항정의서 `3. (기능)요구사항정의 및 추적표`의 SFR-010-004, 화면설계서 45쪽 SN_MN040103 및 48쪽 SN_MN040107의 조사관로 지도 표출. 색상 변경은 이번 사용자 요청을 적용했다.
+- 영향: SN 지도 표시 전용. 맨홀 심볼·선택 처리·상세 탭·API·DB 변경 없음.
+- 검증: git diff --check 통과, 지도 스타일과 범례·설정 표식의 공통 상수 참조 확인. 3002 개발 서버 리스너가 없어 HMR·실제 배경지도 가시성은 미검증. 빌드·서버 기동/재시작은 수행하지 않았다.
+- 롤백: 위 3개 파일의 이번 색상 변경만 되돌린다. DB 조치 없음.

apps/wr/app/api/proxy/[...url]/route.ts

@@ -113,12 +113,8 @@ export async function PUT(
 }
 
 function getCookieDomain(): string | undefined {
-  if (typeof window === "undefined") return undefined;
-
-  if (COOKIE_DOMAIN) return COOKIE_DOMAIN;
-
-  const { hostname } = window.location;
-  if (hostname === "localhost" || hostname === "127.0.0.1") return undefined;
-
-  return hostname;
+  // 개발에서는 현재 사이트 전용, 운영에서는 환경변수의 공용 도메인을 사용한다.
+  return process.env.NODE_ENV === "production"
+    ? COOKIE_DOMAIN || undefined
+    : undefined;
 }