refactor(css): CSS 리팩토링 + 문서 전면 갱신 #61

htlee · 2026-03-01T14:06:35+09:00

htlee 코멘트됨,

2026-03-01 14:06:35 +09:00

소유자

Summary

CSS 리팩토링: 인라인 style={{}} 3,500건 → Tailwind 유틸리티 + wing-* 클래스 변환 (63% 감소, 1,286건 잔여는 동적/복잡 패턴)
CSS 인프라: Tailwind @layer 아키텍처 구축 (base.css, components.css, wing.css), cn() 유틸리티
회귀 버그 수정: className 중복 31건(12파일), KOSPS CSSStyleDeclaration TypeError, HNS 페놀 데이터 누락
SCAT 우측 패널: ScatRightPanel 신규 구현 (3탭: 구간 상세/현장 사진/방제 권고)
문서 전면 재작성: README.md, CLAUDE.md, docs/ 9개 문서를 현재 시스템 기준으로 처음부터 신규 작성

주요 커밋

커밋	내용
`dec066e`	CSS 인프라 구축 + body default 인라인 스타일 1,055건 제거
`3fc8f03` ~ `b00bb56`	Phase 2~3: 인라인 스타일 → Tailwind 변환 (~1,700건)
`34cf046`	CSS 회귀 버그 3건 수정 + SCAT 우측 패널 구현
`6fbb3fc`	전체 프로젝트 문서 최신 기준 신규 작성

배포 금지

이 PR은 코드 리뷰 및 검증 목적이며, 머지 시 자동 배포되므로 리뷰 완료 전까지 머지하지 말 것.

Test plan

프론트엔드 빌드 성공 확인 (cd frontend && npm run build)
ESLint 통과 확인 (cd frontend && npx eslint .)
각 탭 UI 시각적 회귀 없는지 확인 (특히 HNS, KOSPS, Incidents, Reports, Assets)
SCAT 탭 구간 선택 → 우측 패널 정상 표시 확인
HNS 물질정보 → 페놀 카드 정상 표시 확인

🤖 Generated with Claude Code

## Summary - **CSS 리팩토링**: 인라인 style={{}} 3,500건 → Tailwind 유틸리티 + wing-* 클래스 변환 (63% 감소, 1,286건 잔여는 동적/복잡 패턴) - **CSS 인프라**: Tailwind @layer 아키텍처 구축 (base.css, components.css, wing.css), cn() 유틸리티 - **회귀 버그 수정**: className 중복 31건(12파일), KOSPS CSSStyleDeclaration TypeError, HNS 페놀 데이터 누락 - **SCAT 우측 패널**: ScatRightPanel 신규 구현 (3탭: 구간 상세/현장 사진/방제 권고) - **문서 전면 재작성**: README.md, CLAUDE.md, docs/ 9개 문서를 현재 시스템 기준으로 처음부터 신규 작성 ## 주요 커밋 | 커밋 | 내용 | |------|------| | dec066e | CSS 인프라 구축 + body default 인라인 스타일 1,055건 제거 | | 3fc8f03 ~ b00bb56 | Phase 2~3: 인라인 스타일 → Tailwind 변환 (~1,700건) | | 34cf046 | CSS 회귀 버그 3건 수정 + SCAT 우측 패널 구현 | | 6fbb3fc | 전체 프로젝트 문서 최신 기준 신규 작성 | ## 배포 금지 이 PR은 코드 리뷰 및 검증 목적이며, **머지 시 자동 배포되므로 리뷰 완료 전까지 머지하지 말 것**. ## Test plan - [ ] 프론트엔드 빌드 성공 확인 (`cd frontend && npm run build`) - [ ] ESLint 통과 확인 (`cd frontend && npx eslint .`) - [ ] 각 탭 UI 시각적 회귀 없는지 확인 (특히 HNS, KOSPS, Incidents, Reports, Assets) - [ ] SCAT 탭 구간 선택 → 우측 패널 정상 표시 확인 - [ ] HNS 물질정보 → 페놀 카드 정상 표시 확인 🤖 Generated with [Claude Code](https://claude.com/claude-code)

htlee added 2 commits 2026-03-01 14:06:36 +09:00

docs: 전체 프로젝트 문서 최신 기준 신규 작성 6fbb3fc249

Phase 6(MapLibre+deck.gl), CSS 리팩토링, RBAC, 10탭 API 전환 등
현재 시스템 상태를 정확히 반영하여 모든 문서를 처음부터 재작성.

- README.md: 기술 스택(MapLibre+deck.gl), 빌드, 구조, 스킬 갱신
- CLAUDE.md: CSS @layer, RBAC, HTTP 정책, 백엔드 모듈 반영
- docs/README.md: 아키텍처 상세 (3-Layer, 인증, 권한, CSS)
- docs/DEVELOPMENT-GUIDE.md: 워크플로우 전체 흐름 + 실전 예시
- docs/INSTALL_GUIDE.md: 온라인/오프라인 설치 매뉴얼
- docs/COMMON-GUIDE.md: 공통 로직 9개 섹션 (인증~CSS)
- docs/MENU-TAB-GUIDE.md: 새 탭 추가 5단계 + 예시
- docs/CRUD-API-GUIDE.md: End-to-End CRUD API 패턴
- docs/MOCK-TO-API-GUIDE.md: Mock→API 전환 10단계 프로세스
- docs/_backup_20260301/: 기존 문서 백업

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

chore: 백업 디렉토리 제거 및 gitignore 추가 a2cfc02b70

docs/_backup_*/ 패턴을 .gitignore에 추가하여
문서 백업 디렉토리가 커밋에 포함되지 않도록 설정.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

htlee merged commit a9294e848c into main

2026-03-01 14:07:32 +09:00

htlee 삭제된 브랜치 feature/css-refactoring

2026-03-01 14:07:32 +09:00

htlee 커밋

2026-03-01 14:07:33 +09:00

에서 이 이슈 언급

Merge pull request 'refactor(css): CSS 리팩토링 + 문서 전면 갱신' (#61) from feature/css-refactoring into main

"로그인하여 이 대화에 참여"

No reviewers

레이블 없음

마일스톤 없음

담당자 없음

참여자 1명

알림

마감일

기한이 올바르지 않거나 범위를 벗어났습니다. 'yyyy-mm-dd'형식을 사용해주십시오.

마감일이 설정되지 않았습니다.

의존성

No dependencies set.

Reference: gc/wing-ops#61