If you're seeing this message, it means we're having trouble loading external resources on our website.

웹 필터가 올바르게 작동하지 않으면 도메인 *. kastatic.org*.kasandbox.org이 차단되어 있는지 확인하세요.

주요 내용

버튼이란?

버튼(button). 버튼, 버튼, 버튼! 버튼은 무엇인가 발생하도록 클릭하는 영역입니다. 이 웹 페이지를 둘러보세요. 버튼 같은 것이 얼마나 많이 보이나요? 앉아 있는 주변을 살펴보세요. 주위에 버튼 같은 것이 얼마나 많은가요?
어디에나 버튼이 있고 여기에서 프로그램을 만들 때도 버튼을 사용하고 싶을겁니다. 밑에서 버튼이 어떻게 사용되는지 확인해 보세요.
Mini Putt의 스크린샷
6 Reasons Not to Be a Fly 프로그램 스크린샷
3D 롤러 코스터 프로그램 스크린샷
HTML이 웹 페이지에 많은 인터페이스 요소들을 지원하듯이, 어떤 프로그래밍 환경은 버튼이나 다른 사용자 인터페이스를 지원하지만 ProcessingJS는 그렇지 않습니다. 대신 ProcessingJS는 구성 요소를 제공합니다.
  • 도형과 텍스트를 그리는 명령어
  • 이벤트를 수신하는 방법
  • 마우스의 위치를 감지하는 방법
그러한 구성 요소들을 결합하여 버튼을 만들 수 있고, 이걸 사용해 보면서 프로그래밍을 좀 더 배울 것입니다. 가능한 가장 간단한 버튼부터 시작해 함수를 이용하여 좀 더 재사용 가능한 코드를 만들 것이고 마지막으로 객체지향적 원칙을 이용하여 더 깔끔한 코드를 만드는 법을 배워 보겠습니다.
계속해서 버튼에 대해 배워 봅시다!