스타일링 공통 추가사항 (9/11)

버튼에는 cursor-pointer를 추가해주세요

• 눌러야 하는 버튼 관련 컴포넌트에는 tailwind 기준 cursor-pointer를 추가해주세요

버튼 hover 색상 기준

• 쉽게 통일하고 적용하기 위해 적용되어 있는 색상에서 opacity에 75% 속성을 주는 걸로 정했습니다.
• 만약 버튼 색상이 background-color로 지정되어 있다면 bg-cool-blue에서 bg-cool-blue hover:bg-opacity-75로 추가해주시면 적용됩니다.
• 만약 outlined 스타일의 버튼일 경우, hover시에 filled 방식으로 채워주시면 됩니다.
• 텍스트 컬러가 바뀌는 것에도 주의해주세요!

간단한 애니메이션 추가

• 당장에 급하지는 않지만, 버튼이 눌러졌을 때 (focus 시) 컴포넌트 크기가 90% 정도로 작아지는 스타일링을 추가하려고 합니다.

• transform transition duration-100 active:scale-90 tailwind 기준으로 적용했습니다.
• duration은 임시로 100ms로 지정했습니다. (추후에 보고 수정해도 될 것 같아요.)

폰트 관련 문제 (변경사항 아님!)

• 직접 프로젝트 public에 저장해서 사용하니까 뭉개지던 문제가 해결됐습니다…
• 뭐가 문제였는지는 확인을 해봐야 할 것 같습니다.
• 혹시 환경에 따라 폰트가 다르게 보인다면, 차라리 프로젝트에 폰트를 저장해서 사용하는 것도 고려해봐야 할 것 같습니다.
• 성능 면에서도 고려를 해봐야 할 것 같아요.