CSS (1) 썸네일형 리스트형 [CSS,JS] 동적 색상값(HEX) 얻기 디자이너 없이 작업할 경우 간혹 다양한 컬러값이 필요한 경우가 있다. (토이프로젝트, 백오피스 데모 같은) 근무하는 동안에도 몇 번 활용했고, 토이프로젝트에서도 활용하게 되어 기록하고자 한다. #1. 랜덤 hex 생성의 기본 로직 hex를 생성하는 랜덤함수는 아래와 같다. const hex = '#' + Math.round(Math.random() * 0xffffff).toString(16); 무작위성 난수가 필요하므로 Math.random() 을 이용하여 0~1사이의 랜덤값 추출 0xffffff 값 (수) 만큼 값을 곱하여 n개의 정수 추출 Math.round() 를 이용하여 소수점 제외 난수로 얻은 값의 미세한 값변화를 필요로하지 않는다면 Math.ceil, Math.floor 모두 사용가능 .toS.. 이전 1 다음
