# (예제2-1)원하는 모양으로 LED 제어하기\_기초

{% hint style="info" %}
\
![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZVZHwFjdrx1ZeMNcZOts%2Fuploads%2F37Yw8hyv7InW8kbWZRr5%2Fimage.png?alt=media\&token=cd53b862-007b-4e0a-9335-2590dc2efdfe)\
위의 블록을 사용하여 손쉽게 원하는 위치의 LED를 제어할 수 있습니다.
{% endhint %}

### 예시코드

#### (예시) 하트모양으로 LED 켜기 (R:250, G:150, B:150)

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FgeYXQABAyPrvFghiQZSv%2Fimage.png?alt=media&#x26;token=a85b5a71-cbed-4ab8-98c9-e8149e024059" alt=""><figcaption><p>하트모양 LED 번호</p></figcaption></figure>

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FRXTwtNcqF6pucCLhkbKM%2Fimage.png?alt=media&#x26;token=7654109d-eca1-4ce2-a400-de96947a0ab4" alt=""><figcaption></figcaption></figure>

***

### :bell: 블록 설명:bell:

#### 1. \[LED ( ) 모양으로 설정] 블록

원하는 위치의 LED에 원하는 색상을 정할 수 있는 블록

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FbulW0ZTEfg8BtaU5gnvU%2Fimage.png?alt=media&#x26;token=ce126e73-86ad-4cae-89d4-5b84f9062c85" alt=""><figcaption></figcaption></figure>

**<블록 사용 방법>**

(1) LED의 위치를 표현하는 검정색 칸을 클릭하여 블록을 수정할 수 있다.

* 총 3가지 옵션이 있다. \[COLOR(색상)], \[ERASE(부분 지우기)], \[CLEAR(전체  지우기)]

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FtdTLGB9yzOzU5EAWDjfp%2Fimage.png?alt=media&#x26;token=3acf7c63-c759-4e8e-afa8-48bebee2b848" alt=""><figcaption></figcaption></figure>

(2) 원하는 색상을 정해주기 위해서 \[COLOR(색상)] 버튼을 클릭한다.&#x20;

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FcuHfkCNChT44T7AOlAJ0%2Fimage.png?alt=media&#x26;token=b10d4b70-2d3a-4c94-a62d-f580ecd7233f" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="success" %} <mark style="background-color:purple;">**색상을 정하는 방법**</mark>은 다음과 같이 총 3가지가 있다.<br>

* 슬라이더를 사용하는 방법 : 각각의 R, G, B 슬라이더로 값을 수정하여 원하는 색상을 정할 수 있다.&#x20;

<img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FyWRX7XX2U8ll71t0EHTX%2Fimage.png?alt=media&#x26;token=28f74e7e-998d-40df-9b0f-0c0c423e70c7" alt="" data-size="original">

* R, G, B 값을 직접 입력하는 방법 : R, G, B 숫자 입력 칸에 원하는 R, G, B 값을 직접 입력하여 원하는 색상을 정할 수 있다. (R, G, B 값의 범위는 0\~255 이다.)

<img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FZKKKy5WaqTDPXuFP7hMC%2Fimage.png?alt=media&#x26;token=a0bdd7d0-749f-461f-b743-83921ef935a2" alt="" data-size="original">

* 저장된 색상을 사용하는 방법 : 하단에 총 5개의 색상 값  중에서 원하는 색상을  클릭하면 그대로 선택하여 색상을 정할 수 있다.&#x20;

{% hint style="info" %}
:bulb:저장된 색상 값은 슬라이더 또는 RGB 값 입력을 통해 원하는 색상 값으로 변경할 수 있다.
{% endhint %}

<img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FWi4G1VXormC12krCYOmZ%2Fimage.png?alt=media&#x26;token=29f79ee1-73d9-4b10-af00-79776e3de152" alt="" data-size="original">
{% endhint %}

(3) 원하는 색상을 정했다면, 원하는 LED위치를 클릭합니다.

<figure><img src="https://3075547475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmpoZH5TMk0ougpcCYECz%2Fuploads%2FSGuGzONC0Fjwt1wWXTEx%2Fimage.png?alt=media&#x26;token=dd1c7ec3-235c-468f-9da3-efa27b697152" alt=""><figcaption></figcaption></figure>
