HEX를 RGBA로 변경 후 인라인 스타일에 적용하기

• HEX 색상 코드를 RGB로 변환하는 함수를 만들어서, 색상 코드와 투명도(alpha)를 입력하면 rgba 형태의 색상 코드를 반환하도록 구현하였다.

• 각 색상 변수에 대응하는 HEX 코드를 입력하여, 색상 변수를 rgba 형태로 변환하는 함수를 모듈화하여 사용하였다. 이를 통해 JSX에서 var() 값을 가져와서 다양한 투명도를 적용하는 문제를 해결하였다.

• 개발 중인 컴포넌트는 차트로, 최대 11개의 차트 색상을 미리 설정하였으며, var() 값이 들어오면 원하는 투명도를 가진 rgba 문자열을 반환하는 기능을 가지고 있다.

• boxShadow는 rgba() 값으로 설정되어 있으며, 이를 통해 원하는 효과를 적용하고 확인할 수 있다.