hani hani

https://hani-develop-history.tistory.com/59 색깔 적용 안됨 최근에 지인들과 새로운 프로젝트를 진행하기로 했다. (Next.js와 Tailwind css를 사용) 오늘은 프로젝트에서 발생했던 문제와 내가 시도 했던 방법들을 공유하고자 한다. 문제 발생 Tailwind css를 사용 hani-develop-history.tistory.com 오늘의 위의 글에 이어서 프로젝트에서 tailwindcss를 사용하면서 발생했던 문제에 대해 다뤄보고자 한다. 문제 발생 페이지 이동할 때 초기화면에 로딩되는데 오랜 시간이 걸린다. 문제 원인 코드를 깔끔하게 만들기 위해 css 파일을 분리하기로 결정했었다. 그 방법으로 폴더별로 {페이지 이름}.modules.css 파일을 만든 후, ..

최근에 지인들과 새로운 프로젝트를 진행하기로 했다. (Next.js와 Tailwind css를 사용) 오늘은 프로젝트에서 발생했던 문제와 내가 시도 했던 방법들을 공유하고자 한다. 문제 발생 Tailwind css를 사용했는데 다른 거 다 되는데 색깔만 적용되지 않는 문제가 발생했다. (폰트, 배경 등) 1차 해결 방법 구글의 도움 받아 1차 해결 방법을 찾았다. 바로 @layer를 사용해 색깔을 정의하는 방법이다. @layer { .text-white { color: white; } } .title_section { @apply flex flex-col p-[30px] font-bold text-5xl text-white; } 하지만 이 방법을 적용한 뒤에 글자 색깔을 바꿀 수 있었지만, 혼자 생각해봤..