🤔 Input 안에 div 요소를 넣을 수 없어 focus를 활용한 border-color 변경이 어려워 졌다..🧐 GPT에게 도움 받기// React, Tailwind CSS, 그리고 TypeScript를 사용하여 Next.js 프로젝트에 맞게 필드의 포커스 상태에서 테두리 색상을 변경하는 방법을 설명하겠습니다.// Tailwind CSS는 유틸리티 클래스를 통해 포커스 상태의 스타일을 쉽게 제어할 수 있습니다. focus: 접두사를 사용하여 포커스 상태일 때의 스타일을 정의할 수 있습니다. 아래 코드는 필드가 포커스될 때 테두리 색상을 변경하는 방법을 보여줍니다:typescriptCopy codeimport React from 'react';interface SearchInputProps ..
