꺾이지 않는 마음

원티드 웹 사이트를 클론코딩하는 도중에 버튼 클릭 효과를 까먹어서 정리하게 되었다. 내가 구현하고 싶은 영역은 위의 버튼이 나열된 슬라이드이다. 수많은 버튼 중 클릭한 버튼만 파란색으로 저렇게 강조효과를 주고 싶다. 이렇게 클릭한 버튼과 클릭하지 않은 버튼의 스타일에 차이를 두고 싶을 때 가상선택자를 사용한다. 버튼에 주로 쓰는 가상 선택자는 :hover, :focus, :active 등이 있는데, :hover는 마우스를 대상에 올려놨을 때, :focus는 클릭하고 난 후, :active는 클릭하는 도중을 지정한다. 우선 해당 스타일을 적용하기 위해 버튼을 만들어 보았다. 슬라이드 내에 여러 버튼을 나열할 거기 때문에 'react-slick'이라는 라이브러리를 활용하고, 현재 활용 연습중인 'compon..