
프로젝트에서 Panda CSS를 도입해 사용해 보면서, 기존의 styled-components나 Tailwind CSS와는 다른 독특한 스타일 작성 방식을 체감할 수 있었습니다. 특히 TypeScript 기반의 타입 안전성, 빌드 타임에 CSS를 정적으로

이번 글에서는 **가상 요소(::after)**를 활용하여 인터랙션 상태를 깔끔하게 적용하는 방법을 소개합니다. 기존 접근법에서 발생한 문제점을 분석하고, 클릭 이벤트를 유지하면서도 원하는 컬러 오버레이를 쉽게 적용하는 최적의 해결책을 정리해 보았습니다.

새롭게 시작하는 거대한 프로젝트 속에는 또 다른 거대한 과제가 숨어 있었던 디자인 시스템에 대해서 서술합니다.