React 랜덤 색상 만들기


React 랜덤 색상 만들기

이번에는 간단한 색상 만들기를 해보자. 단순하면서도 스타일을 적용시키는 재미(?)가 있다. 우선적으로 16진수로 랜덤값을 받아와야한다. 그 값을 만들기 위해서는 위와같이 하면 된다. 랜덤값을 통해 색상코드를 만들고 앞에 #을 붙여주면 우리가 css를 적용할때 사용하는 색상 값이다. 그 값을 우선 기본적으로 적용하기 위해서는 클래스나 함수중에 나는 우선적으로 함수로 구현하였다. useState로 간단하게 구현이 가능하며 대신 클릭 이벤트를 할때 그값을 받아오게만 설정하면 된다. 위의 삭제 추가 만들기 버튼을 통해 useState를 잘 사용할 수 있다면 이번 색상은 색상코드를 만들기만 하면 되는 것이라 어렵지는 않았다....

React 랜덤 색상 만들기에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.



원문링크 : React 랜덤 색상 만들기