발생한 문제 (Issue)
프로젝트 생성 페이지(ProjectForm)에서 AI가 생성해준 마크다운 텍스트를 미리보기 할 때, 스타일이 적용되지 않는 현상이 발생함.
- 헤더(#, ##), 리스트(-), 굵은 글씨(**) 등이 일반 텍스트처럼 보임.
- Tailwind CSS의 기본 스타일 초기화(Reset)로 인해 태그 스타일이 사라진 것으로 파악됨.
목표 (Goal)
- 마크다운 문법에 맞는 스타일(헤딩 크기, 불릿 포인트 등)이 정상적으로 렌더링되어야 함.
- 기존 Tailwind v4 환경을 해치지 않고 스타일 플러그인을 적용해야 함.
해결 방안 (Solution)
@tailwindcss/typography 플러그인 설치app/globals.css에 @plugin 문법을 사용하여 플러그인 연결- 미리보기 영역에
prose 클래스 적용
발생한 문제 (Issue)
프로젝트 생성 페이지(
ProjectForm)에서 AI가 생성해준 마크다운 텍스트를 미리보기 할 때, 스타일이 적용되지 않는 현상이 발생함.목표 (Goal)
해결 방안 (Solution)
@tailwindcss/typography플러그인 설치app/globals.css에@plugin문법을 사용하여 플러그인 연결prose클래스 적용