1. 인터랙션 효과 (사용자가 마우스를 올리거나 클릭할 때 생기는 효과들) 🌟 :hover 마우스가 요소 위에 올라갔을 때의 상태 -> 버튼이나 카드 등을 강조할 때 사용! (오른쪽이 마우스가 올라갔을 때 효과가 적용된 모습이다🦁) 🌟 :active 클릭