SamProject/sam-manage
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
51f0797edc71b91053e23ebcc730fa741270e9c1
sam-manage/CURRENT_WORKS.md

5.1 KiB
Raw Blame History

SAM MNG 작업 현황

2025-11-20 (수) - Phase 1-1: 인증 시스템 구현 완료

주요 작업

  • MNG 프로젝트 인증 시스템 구현 (Laravel Sanctum 기반)
  • DaisyUI를 사용한 로그인 UI 구현
  • Service-First 아키텍처 적용

추가된 파일:

  • app/Services/AuthService.php - 인증 비즈니스 로직 (login, logout, createToken)
  • app/Http/Requests/Auth/LoginRequest.php - 로그인 검증 FormRequest
  • app/Http/Controllers/Auth/LoginController.php - 로그인 컨트롤러 (세션 인증)
  • resources/views/auth/login.blade.php - DaisyUI 기반 로그인 화면
  • resources/views/dashboard/index.blade.php - 임시 대시보드
  • CURRENT_WORKS.md - 작업 이력 추적 파일

수정된 파일:

  • routes/web.php - 인증 라우트 추가 (login, logout, dashboard)
  • postcss.config.js - Tailwind CSS 4.x 대응 (@tailwindcss/postcss)

작업 내용:

  1. DB 스키마 분석

    • API 프로젝트의 공유 DB 구조 확인 (users, personal_access_tokens, sessions)
    • Multi-tenant 구조 파악 (tenant_id, user_tenants)

  2. 인증 시스템 설계

    • Service-First 패턴 적용
    • FormRequest를 통한 검증 분리
    • 세션 기반 웹 인증 (향후 API 토큰 인증 준비)

  3. 구현 완료

    • AuthService: 비즈니스 로직 캡슐화
    • LoginRequest: 이메일/비밀번호 검증 및 한글 메시지
    • LoginController: 로그인/로그아웃 처리
    • Blade 템플릿: DaisyUI 단순 디자인

  4. Vite/PostCSS 설정

    • Tailwind CSS 4.x PostCSS 플러그인 설치
    • 프로덕션 빌드 완료 (public/build/)

테스트 결과:

  • ✅ 라우트 등록 확인: /login (GET, POST), /logout (POST), /dashboard (GET)
  • ✅ 로그인 페이지 접근: https://mng.sam.kr/login (200 OK)
  • ✅ Vite 빌드 성공: CSS (7.97 KB), JS (102.67 KB)

다음 단계:

  • Phase 1-2: User 모델 생성 및 DB 연결 테스트
  • Phase 1-3: 실제 로그인 테스트 (테스트 사용자 생성)
  • Phase 2: 대시보드 구현 (메뉴, 사이드바)
  • Phase 3: 사용자 관리 기능

Git 커밋:

  • ✅ ece1f28 "feat: MNG 인증 시스템 구현"
  • ✅ b71e85a "fix: Tailwind 3.x 다운그레이드 및 DaisyUI 적용"

이슈 해결:

  • 문제: Tailwind CSS 4.x에서 DaisyUI 플러그인 미적용
  • 원인: DaisyUI가 Tailwind 4.x를 완전히 지원하지 않음
  • 해결: Tailwind 3.4.17로 다운그레이드, PostCSS 설정 수정
  • 결과: DaisyUI 클래스 정상 적용 (74.82 KB CSS)

문서 업데이트 (2025-11-20):

  • api/CLAUDE.md: shared/ 모델 참조 제거
  • 변경 사항:
    • 저장소 구조: 5개 → 3개 (api, admin, mng 독립 운영)
    • 모델 구조: shared/ → 각 프로젝트 독립 모델
    • 워크플로우: shared 동기화 제거
    • CURRENT_WORKS.md 위치: mng 추가

2025-11-20 (수) - CSS 브라우저 호환성 문제 해결

주요 작업

  • DaisyUI oklch() 색상 함수 브라우저 호환성 문제 해결
  • Pure Tailwind CSS로 전환하여 구형 브라우저 지원

문제 상황:

  • 증상: mng.sam.kr 로그인 페이지 CSS 스타일이 적용되지 않음
  • 원인: DaisyUI 5.5.5가 oklch() 색상 함수 사용 → Safari <15.4, Chrome <111 미지원
  • 영향: CSS 변수가 계산되지 않아 버튼, 카드 등 모든 컴포넌트 스타일 무효화

해결 과정:

  1. DaisyUI 설정 시도 (실패)

    • Custom hex 테마 설정 → DaisyUI가 여전히 oklch() 사용
    • themes: false 설정 → base CSS에서 oklch() 사용

  2. DaisyUI 완전 제거 (성공)

    • tailwind.config.js에서 DaisyUI 플러그인 제거
    • Pure Tailwind CSS + @tailwindcss/forms 사용
    • Custom primary/secondary 색상 hex로 정의

  3. 로그인 페이지 리팩토링

    • DaisyUI 클래스 → Tailwind 유틸리티 클래스 변환
    • btn btn-primary → bg-primary text-white rounded-lg
    • card → bg-white rounded-lg shadow-xl
    • input input-bordered → border border-gray-300 rounded-lg

수정된 파일:

  • tailwind.config.js - DaisyUI 제거, hex 색상 정의
  • resources/css/app.css - CSS 변수 추가 (향후 제거 예정)
  • resources/views/auth/login.blade.php - Tailwind 유틸리티 클래스로 변환
  • .env - DB_HOST를 sam-mysql-1 → 127.0.0.1로 변경 (로컬 접근)

빌드 결과:

  • Before: 74.82 KB (DaisyUI 포함, oklch() 사용)
  • After: 23.15 KB (Pure Tailwind, hex 색상 사용)
  • 파일: public/build/assets/app-L1Qg3jEH.css

테스트 결과:

  • ✅ 로그인 페이지 CSS 정상 적용
  • ✅ 모든 브라우저 호환성 확보 (hex 색상 사용)
  • ✅ 로그인 기능 정상 작동 (원격 DB 데이터 복원 후)

기술적 결정:

  • CSS 프레임워크: DaisyUI → Pure Tailwind CSS
  • 색상 시스템: oklch() → hex (#570df8, #f000b8)
  • 컴포넌트 스타일: 사전 정의 클래스 → 유틸리티 조합
  • 향후 방향: 로그인 페이지 기준으로 일관된 CSS 스타일 유지

Git 커밋:

  • ✅ 7b3505a "fix: DaisyUI oklch() 브라우저 호환성 문제 해결"