코딩기록

깜빡거리는 막대기를 텍스트 커서 또는 캐럿 (Caret)이라 한다. 숨기는 방법테일윈드 CSS.wrap: { caret-color: transparent;} 여기서 추가로 🧩 user-select: none;과 caret-color: transparent; 차이🎯 user-select: none;역할: 사용자가 텍스트를 드래그해서 선택하지 못하게 막음.적용 대상: 텍스트 블록, 버튼, 링크 등테일윈드 이 텍스트는 복사 안 돼요CSS.wrap: { user-select: none;}✏️ caret-color: transparent; 또는 Tailwind에서 caret-transparent역할: 입력 필드에서 텍스트 커서(깜빡이는 막대기)를 숨김적용 대상: , 등테일윈드 CSS.div-wrap..

현재 작업중인 리액트, Next.js, Tailwind.css 프로젝트에서 쿠폰 번호 등록을 모달대신 버튼 클릭으로 아래로 입력창이 열리게 구현했다. ✅ 완성된 결과물 ✅ 애니메이션 적용한 코드[CouponHistory.tsx]{/* 쿠폰번호등록 */} {isOpen && ( 쿠폰번호등록 시리얼번호는 영문자+숫자의 조합이며, 총 16자리 입니다. 예)AB12-CD23-EF56-123A {[...Array(4)].map((_, idx) => ( ..