RGB 를 배열로 변환하기

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 를 사용하여 rgb() 색상 문자열을 숫자 값 배열로 변환하는 방법을 살펴봅니다. 이 랩은 문자열에서 색상 값을 추출하고 이를 배열로 변환하는 데 필요한 단계를 안내합니다. 이 기술은 웹 개발, 특히 그래픽 및 디자인 작업에 유용합니다.

RGB 문자열을 배열로 변환하기

rgb() 색상 문자열을 값 배열로 변환하려면 다음 단계를 따르세요.

  1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
  2. String.prototype.match()를 사용하여 숫자 값을 가진 3 개의 문자열 배열을 가져옵니다.
  3. Array.prototype.map()Number와 함께 사용하여 숫자 값 배열로 변환합니다.

다음은 사용할 수 있는 코드입니다.

const toRGBArray = (rgbStr) => rgbStr.match(/\d+/g).map(Number);

함수를 테스트하려면 다음과 같이 rgb() 색상 문자열을 인수로 사용하여 호출합니다.

toRGBArray("rgb(255, 12, 0)"); // [255, 12, 0]

요약

축하합니다! RGB to Array 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.