[트러블슈팅]next.js16과 tailwindcss v4 반응형 웹 오류
next.js16에서 tawilwindcss v4를 사용하였다.반응형 휍을 만들기 위해sm, md, lg 등의 처리를 하였다.하지만, 반응형에 답하지 않았다. 잘못된 곳을 계속 찾다가 next.js16과 tailwindcss v4의 호환성 문제라는 글을 봤다.글을 읽고 나도 v4의 문제라고 판단했다. 그래서 v4를 v3로 다운그레이드 하였다.tailwind.config.js 설정을 다음과 같이 했다.module.exports = { content: [ "./src/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/editor..
2025. 11. 22.