Freecodecamp: CSS HEX / RGB 과제-중복 압축 및 줄이기

도전 평가

• 특정 색상에 16 진수 코드 사용-16 진수 코드를 소개하고 16 진수 코드가 존재하는 이유와 사용 방법에 대한 간략한 설명을 제공하기 때문에 이것을 유지해야한다고 생각합니다. 이 과제에 추가하려면 (이미 텍스트가 상당히 많더라도) 16 진수 코드로 가능한 다른 색상 목록이나 표를 추가해야합니다. 시뮬레이션 된 전화가 실시간으로 변경됨에 따라 다른 16 진수 코드로 실험을 장려 할 수도 있습니다.
• 색상 요소 흰색에 16 진수 코드 사용 -제거 할 수 있습니다.
• 색상 요소 빨간색에 Hex 코드를 사용하십시오. 이 문제도 제거 할 수 있습니다. 두 가지 방식으로 중복됩니다. 16 진수 코드를 다시 설명하고 색상을 빨간색으로 변경합니다. 이는 특정 색상에 16 진수 코드 사용 챌린지에서 확인할 수 있습니다.
• 색상 요소 녹색에 16 진수 코드 사용 -이 문제를 제거하고 16 진수 코드에 대한 첫 번째 문제와 함께 추가 할 수 있습니다.
• 색상 요소 블루에 16 진수 코드 사용 -이 문제는 제거 할 수 있으며 16 진수 코드에 대한 첫 번째 문제와 함께 추가 할 수 있습니다.
• 16 진수 코드를 사용하여 색상 혼합 -이 문제를 제거하고 16 진수 코드의 첫 번째 문제와 함께 추가 할 수 있습니다.
• 색상 요소 회색에 16 진수 코드를 사용하여 제거하십시오.
• 특정 회색 음영에 16 진수 코드를 사용하십시오 . 또한 제거하십시오.
• 축약 된 16 진 코드 사용 -축약 된 16 진 코드의 새로운 개념을 도입하기 때문에이
• 색상 요소에 RGB 값 사용-RGB를 도입하므로 계속 도전하십시오.
• RGB를 사용하여 색상 요소 흰색 -제거합니다.
• RGB를 사용하여 색상 요소 빨간색 -제거합니다.
• RGB를 사용하여 색상 요소 녹색 -제거합니다.
• 색상 요소 파란색에 RGB 사용 -제거합니다.
• RGB를 사용하여 색상을 혼합하십시오 .

암시

15 가지 과제를 다음 5 가지 과제로 통합 할 수 있다고 생각합니다.

• 특정 색상에 16 진수 코드 사용-16 진수 코드에 대한 소개입니다.
• 혼합 색상에 16 진수 코드 사용-소개 과제를위한 샘플 색상 표가 있다고 언급했지만 가능한 한 간결하게 유지하기 위해이 과제는 다양한 색상을 실험하는 데 전념 할 수 있으며 색상이 있는지 테스트 할 수 있습니다. 성공적으로 색상을 사용하여 배경을 채색했습니다.
• 축약 된 16 진 코드 사용-축약 된 16 진 코드에 대한 소개입니다.
• 색상 요소에 RGB 값 사용-RGB 값에 대한 소개.
• 색상 혼합에 RGB 값 사용-위의 과제와 비슷하지만 RGB가있는 표를 사용합니다. 16 진수 코드와 RGB를 비교하기 위해 다른 열을 추가하여 16 진수 코드와 RGB 사용을 강화할 수도 있습니다.

거의 완벽하게 들립니다. 나는 팔렸다.

색상 혼합 :
Hex / RGB를 사용하여 Red / Green / Blue를 할당해야하는 3 개의 다른 요소를 갖는 것이 합리적 일 수 있습니다. 색상 당 한 번의 테스트로 설정되었는지 확인합니다.

다른 종류의 인코딩에 대해 하나를 추가 할 수도 있고 웹에만 16 진수가 없을 수도 있고 16 진수도 1-6 자 길이 일 수 있습니다. 또한 유효성 검사를 위해 고려해야합니다. 예를 들어 # f00은 # ff0000만큼 빨간색입니다. 이제 유효성 검사에 버그가 있습니다.