데브허브 | DEVHUB | JavaScript Interview - Generate HEX Color Code in One Line JSJavaScript Interview - Generate HEX Color Code in One Line JS
- JavaScript에서 한 줄 코드로 무작위 헥스(HEX) 색상 코드를 생성하는 효율적인 방법을 소개합니다. 💡
- 기존의 여러 줄 함수를
Math.random(), Math.floor(), toString(16) 조합을 사용하여 간결한 한 줄 코드로 대체하는 과정을 시연합니다. 🚀
- 템플릿 리터럴(백틱
`)을 활용하여 생성된 16진수 값 앞에 # 접두사를 쉽게 붙일 수 있습니다. 🏷️
Math.random()으로 0과 1 사이의 난수를 생성하고, 0xffffff (흰색의 16진수 값)를 곱한 후 Math.floor()로 정수화하여 무작위 색상 값을 얻습니다. 🎲
- 최종적으로
.toString(16) 메서드를 사용하여 이 정수 값을 16진수 문자열로 변환하여 완전한 헥스 코드를 완성합니다. 🔄
- 이 방법은 코드의 복잡성을 줄이고 가독성을 높이며, 특정 기능을 한 줄로 구현하는 JavaScript의 강력함을 보여줍니다. ✨