fix(build): Tailwind 엔트리를 main.css로 단일화

- tailwindcss.cssPath로 패키지 tailwind.css 중복 주입 방지
- tailwind content에 composables·modules·plugins 추가
- v0.0.63 문서 반영

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-05-11 14:39:43 +09:00
parent 5141a63294
commit bcf3acd432
8 changed files with 25 additions and 2 deletions

View File

@@ -25,6 +25,7 @@
- TailwindCSS 기본 사용
- 다크 인증(`signin`/`signup`)의 텍스트 입력에는 `auth-form-input` 클래스를 붙여 `main.css`의 글자색·캐럿·placeholder를 적용한다(폼 컨트롤은 부모 `color`를 상속하지 않는 경우가 많음).
- Tailwind 엔트리는 `nuxt.config.js``tailwindcss.cssPath: '~/assets/css/main.css'`로 통일한다(`@nuxtjs/tailwindcss` 기본 `assets/css/tailwind.css` 부재 시 패키지 `tailwind.css`가 중복 주입될 수 있음).
- 관리자 글 에디터는 블록 단위 UI로 작성하되 저장 값은 기존 마크다운 문자열을 유지
```html

View File

@@ -1,5 +1,11 @@
# 의사결정 이력
## 2026-05-11 v0.0.63
### Tailwind 엔트리 단일화
`@nuxtjs/tailwindcss` 기본 `cssPath``assets/css/tailwind.css`인데 저장소에 해당 파일이 없으면 모듈이 패키지 내 `tailwind.css``nuxt.options.css` 앞에 끼워 넣는다. 프로젝트는 이미 `main.css``@tailwind`와 커스텀 `@layer`를 두고 있어 두 엔트리가 겹치면 유틸·레이어 순서가 기대와 달라질 수 있다. `tailwindcss.cssPath``main.css`로 고정하고, JIT `content`에 composables·modules·plugins를 포함해 클래스 수집을 보강했다.
## 2026-05-11 v0.0.62
### 인증 폼 다크 스타일이 안 보이던 현상

View File

@@ -173,7 +173,7 @@
| 파일 | 기능 |
|------|------|
| package.json | Nuxt 실행 스크립트와 의존성 |
| nuxt.config.js | Nuxt 앱 설정, Tailwind 모듈 연결, 관리자 QA를 위한 개발 도구 비활성화 |
| nuxt.config.js | Nuxt 앱 설정, `tailwindcss.cssPath``main.css` 단일 엔트리, Tailwind 모듈, 관리자 QA를 위한 개발 도구 비활성화 |
| tailwind.config.js | Tailwind 테마 설정 |
| assets/css/main.css | 전역 스타일, `#fcfcfc` 단일 배경 기준, 좌측 사이드바/그리드 전환 애니메이션, 네비게이션 세로 바 hover 효과 |
| composables/useMenuState.js | 좌측 메뉴 열림 상태·`closeMenu`(모바일 백드롭 등) |

View File

@@ -8,6 +8,7 @@
- **참조**: Ghost(관리자 UX/글쓰기), Thred 테마(사용자 화면)
- **현재 상태**: Nuxt 3.21(SSR)·PostgreSQL 저장소 계층 구성 완료. Node가 SSR 번들의 `#internal/nuxt/paths`를 해석하도록 루트 `package.json` `imports``modules/nuxt-ssr-paths-write.mjs`(`.nuxt/paths.mjs` 디스크 기록)을 둔다.
- **원격 저장소**: https://git.sori.studio/zenn/sori.studio.git
- **스타일**: Tailwind 엔트리는 `assets/css/main.css` 한 곳(`nuxt.config``tailwindcss.cssPath`)이며, `tailwind.config.js``content`가 Vue·composables·modules·plugins를 스캔한다.
---

View File

@@ -1,5 +1,10 @@
# 업데이트 이력
## v0.0.63
- `tailwindcss.cssPath``~/assets/css/main.css`로 지정해, 없는 기본 경로 때문에 `node_modules/tailwindcss/tailwind.css`가 추가로 주입되던 이중 `@tailwind` 로딩을 제거.
- `tailwind.config.js` `content``composables`·`modules`·`plugins` 스캔 경로 추가.
## v0.0.62
- 다크 인증 페이지에서 `input`이 UA 기본색으로 남아 글자·아이콘이 안 보이던 문제를 `main.css``.auth-form-input`(글자색·캐럿·placeholder·autofill)로 보정.