React에서 className을 사용하여 조건부 스타일을 적용하는 방법은 유용하며,위 코드의 방식은 자주 사용되는 패턴입니다. 이를 자세히 설명하겠습니다. 1. 구조 설명className={`block my-2 hover:cursor-pointer ${ activeIndex === 1 ? "text-black font-bold" : "text-gray-400"}`} 이 코드는 className에 문자열을 동적으로 할당하는 방식입니다. 템플릿 리터럴(Template Literal)을 사용하여 CSS 클래스를 조건에 따라 추가하거나 변경합니다.1.1. 템플릿 리터럴 기본 구조백틱(`): 템플릿 리터럴을 정의합니다.내부 변수 삽입: ${} 구문을 사용하여 JavaScript 코드를 삽입할 수 있습니다.Re..
