라즈이노 iOT

※  09 문자형 변수 이해하기

 문자형 변수를 정의 하는 방법에는 크게 char 형 과 unsigned char 형 두가지가 있다. char 는 signed char과 같고 signed가 생략되었다고 생각하면 된다.

▶ 문제 : a, b, c...  같은 문자와  1, 2, 3... -1, -2, -3...  같은 숫자를 저장(기억)할 수 있는 문자형 변수들을 선언하고 화면에 출력하라.

▶ 포인트 :  -3과 같은 음수 값은 unsigned char 형 변수에 저장 할 수 없다. 고로 char에 저장 하여야 한다.   unsingned char 형 변수는 0~ 255 범위의 값을 저장 할 수 있다.  이 범위를 초과 하는 숫자는 unsingned int 형을 사용한다. 

char 변수 저장 범위 : -128~ +127

▶ 프로그램 : 

▶ 실행 결과 :

→ ch 변수는 char 형이므로 -128~+127 까지 밖에 저장이 되지 않기 때문에 초과하는 숫자 250을 저장 할 수 없어 임의의 지정값인 -6 으로 저장이 되었다.

→ h변수는 unsigned char 형이므로 저장할 수 있는 범위 내에 있기 때문에 250 그대로 저장이 되었다.

→ i 변수는 'A' 의 아스키 코드 값인 65로 저장이 된 것을 볼 수 있다. 

▶ 소스코드 다운로드 :  

09 문자형 변수 이해하기.cpp

# 08 주석 개념 이해하기

 설명글을 추가 하는 방법에 대해 이해 한다.

▶ 문제 : 주석을 두 가지 형태로 추가해보라

▶ 포인트 : 주석은 자신이 작성한 프로그램을 타인 또는 자신이 다시 보았을 때에 파악하기 쉽도록 달아 놓는 것이며, 코딩이 길거나 복잡할 수록 더욱 중요하다

▶ 프로그램 :  한 줄 주석처리 기호 :  // 

                   범위 또는 특정 영역 주석 처리 기호 : /*    ...    */

【 프로세싱 기초 #03 】 다양한 도형 그리기 

▶ 선 그리기 :  line(x1, y1, x2, y2) // 선의 시작과 끝 좌표

→ 코딩 :  line(20, 10, 250, 60);  

→ 실행 결과 :

▶ 삼각형 그리기 : triangle(x1, x2, y1, y2, z1, z2); //삼각형 세 꼭지점의 좌표

→ 코딩 :  triangle(450, 10, 300, 50, 550, 50);

→ 실행 결과 : 

▶ 사변형 그리기 : quad(x1, x2, y1, y2, z1, z2, f1, f2); //사변형 네 꼭지점 좌표

→ 코딩 :  quad(20, 70, 200, 70, 300, 200, 10, 180);

→ 실행 결과 : 

▶ 기타 기능  : 

 → 선의 두께 조정 :  

    strokeWeight(8);

    arc(250, 300, 100, 100,0, radians(270));

 → 선을 그리지 않기 : 

notroke(); 

arc(250, 300, 100, 100,0, radians(270));

 ▶ 프로그램 코드  : 

 → 실행 결과 : 

 ▶ 코드(PDE) 다운로드 :

sketch_03_Draw_Figure_code.pde

【 프로세싱 기초 #02】 원, 타원 그리기 II

▶ 문제 : 가로 300 x 세로 200 픽셀 영역을(그림영역) 설정하고  100,100 좌표에 30x30 픽셀의 원을 그려라.

▶ 프로그램(code) : 

▶ 다양한 색의 원 그리기 :

  fill() 채우기 함수를 이용하여 도형 내부에 명암을 입혀 보자. 

▶ 실행결과 :

 ▶ 코드 설명 : 

   -   fill() 함수는 0~255 사이의 값으로 명암을 조절 할 수 있다. 

 ▶ 코드(PDE) 다운로드 :

sketch_02_draw_circle_fill.pde

※  06 순환문 개념 배우기 (for)

 프로그래밍에서 가장 많이  사용되고 , 가장 중요한 반복 순환문을 배워보자

▶ 문제 : 1부터 10까지의 합을 구하는 프로그램을 작성하라

▶ 포인트 : 동일한 내용을 반복하는 방법을 이해한다.

▶ 프로그램 : 

▶ 실행 결과 :

▶ 소스코드 다운로드 :

06 순환문 배우기(for).cpp

※  05 조건문 개념 배우기 (if ~ else) 

 조건문에서 가장 많이 사용되는 if ~ else 비교문을 배워보자

▶ 문제 : 변수 x = 20, y = 10 을 대입하여 x 가 y 보다 크면 "x의 값이 y 보다 큽니다"를 출력하고 x가 보다 크지 않다면, "x의 값이 y보다 작거나 같습니다" 를 출력하라. 

▶ 포인트 : 참과 거짓을 비교하기 위해 주로 if ~ else 구문을 사용한다.

▶ 프로그램 : 

▶ 실행 결과 :

▶ 소스코드 다운로드 :  

05 조건문 배우기(if_else).cpp

※ 프로세싱 IDE (줄여서 PDE )

프로세싱 언어 코딩을 위한 프로그램 작성 툴(IDE)을 함축해서 PDE라 칭하고 있다. 

아래 PDE 툴의 주요 메뉴를 표시해 놓았다.

사용하는 기능과 형태가 아두이노 스케치 툴과 거의 흡사해서 사용하기 어렵지 않다. 

프로세싱 언어는 자바 언어와 관련이 있고, 자바 언어 자체가 C 언어와 유사한 특징이 있기 때문에, C언어와 함께 공부해도 좋을 것이다. 

【 Processing 】 프로세싱 멋지게 시작하기... 

하드웨어 제품의 경쟁력은 뭐니 뭐니 해도 아름다움이다.  즉, 제품디자인이 무엇보다 중요하다.  

독보적인 디자인 하나로 막대한 수입을 올리고 있는 애플을 예를 들지 않더라도, 감탄과 탄성마저 자아내는 제품의 디자인과 외관의 아름다움은 그 만큼 중요하다고 할 수 있다. 

 하드웨어에서 외관의 아름다움이 중요했듯, 소프트웨어에서 아름다움 또한 중요한데, 소프트웨어의 아름다운 디자인을 책임져 주는 코딩툴이 바로 프로세싱이라고 말 할 수 있다. 

 프로세싱을 한 마디로 표현 하면, "손쉽고 멋지게 화면상에 그림을 그려주는 툴(프로그래밍 언어)"라고 이해해도 좋겠다. 

현재 3버전 까지 개발되어 있다.

우리가 일반적인 프로그래밍 툴(C언어, JAVA 등)을 이용해서는 원하는 결과를 구현해 내는 데는 부족함이 없지만 직관적이면서도 미려한 디자인으로 표현하는데는 어려움이 있다.  

이를 극복시켜준 툴이 바로 프로세싱( Processing ) 툴이다. 

C언어처럼 단독으로 사용할 수 있는 언어툴이다. 

 프로세싱을 이용하면 보다더 직관적이고 심플한 코딩만으로 원하는 결과를 미려한 그래픽으로 표현 할 수 있다. 

 특히 코딩과정에서 스위치를 돌리듯 직관적으로 쉽게 수정할 수 있는 기능들이 매력적이다. 

이러한 장점 때문에 디자인 업계 관련 사람들이 많이 사용하고 있다. 

 특히 요즘 대세로 떠오른 아두이노와 라즈베리파이와 찰떡궁합으로 활용도는 엄청나게 높다. 

예를 들어, 아두이노를 이용해 온습도 센서 보드를 만들경우 단순히 액정 디스플레이로(CLCD) 표시 할 수도 있지만 LCD 모니터로 예쁘게 표현할 수 있다. 

아래는 프로세싱을 통해 아두이노 보드의 섭씨 온도와 화씨 온도를 실시간으로 표현 되도록 구현한 것이다. [ 아두이노에 습도센서를 연결한 후 시리얼통신을 통하여 전달 되는 값들을 PC 화면에 아래처럼 표현 한 것이다. - 화면캡쳐 ]

시쳇말로 쌈빡한 툴이라고 할 수 있다. 

물론 새로운 코딩언어를 배워야 한다는 부담감은 있으나, 아두이노의 스케치 처럼 코딩하기 정말 편하고 쉽게 익힐 수 있도록 되어 있다. 

 지금 다른 프로그래밍 언어를 공부하고 있더라도 ,  상관하지말고 함께 공부하면 좋을 것이다. 

그럼 프로세싱의 매력속으로...!

[ 프로세싱 최신 버전 다운 로드(사이트) 안내 ]

https://processing.org/download/

설치하려는 PC의 운영체제를 확인하고 설치하면 되겠다. 

[ 아래 링크를 클릭하여도 된다 ] 

[ 라즈베리파이 등 설치 버전용]