0512 · 개발8월 10일
[Checky] 공용 컴포넌트는 있었지만, 디자인은 흩어져 있었다. Checky에 디자인 시스템을 들인 이야기
| 서론 안녕파세요, 팡일입니다. Checky에도 공용 컴포넌트는 있었습니다. Button이 있었고 Modal이 있었고 Text도 있었습니다. 그런데 어느 날 다크 모드를 붙여 보려고 코드를 열었을 때, 저는 이 프로젝트의 회색이 몇 종류인지 대답할…
웹개발 · 프론트엔드 · REACT
#tailwindcss
9월 0장 · 통산 515장
- 0279 · FE8월 16일[Next.js] Next.js 15와 Tailwind CSS v4: 더 이상 tailwind.config.ts는 필요 없다들어가며 Next.js 15와 Tailwind CSS v4가 나오면서 가장 큰 변화 중 하나는 설정 방식이다. 이제는 더 이상 tailwind.config.ts 파일이 필수적이지 않고, CSS-first 접근 방식으로 globals.css에서 직접 …FE · CSS · 웹개발
- 0263 · FE8월 3일[Next.js] Next.js 15 + TailwindCSS 적용 시 마주한 문제와 새로운 설정 방식 (2025 최신 정리)시작하며 Next.js 15에서는 TailwindCSS를 도입하는 방식이 예전과 다르게 바뀌었다. 특히, 프로젝트 초기화 시 tailwind.config.js 파일이 생성되지 않거나, globals.css 파일이 예전처럼 구성되지 않는 점에서 많은 …FE · 웹개발 · 프론트엔드
- 0262 · FE8월 2일[Next.js] TailwindCSS v4에서 CSS 변수로 커스텀 유틸리티 만들기오프닝 TailwindCSS를 사용하다 보면 “우리 프로젝트만의 색상, 폰트, 여백” 등을 디자인 시스템처럼 통일해서 쓰고 싶을 때가 많다. Tailwind v4에서는 CSS 변수를 활용해서 커스텀 유틸리티 클래스를 만드는 방식이 굉장히 자연스럽고 …FE · CSS · 웹개발