Onionmixer at 05:09, 5 December 2012

2012-12-05T05:09:23Z

← Older revision		Revision as of 05:09, 5 December 2012
Line 25:		Line 25:
	\| style="text-align:right;width:60px;float:left;" \| {{HeadImageSteps}}		\| style="text-align:right;width:60px;float:left;" \| {{HeadImageSteps}}
	\| 1. VisualWorks런쳐 화면(그림 1-1참조)의 툴바 아래 공간으로 마우스를 이동시켜주십시오		\| 1. VisualWorks런쳐 화면(그림 1-1참조)의 툴바 아래 공간으로 마우스를 이동시켜주십시오
	~~{{HighlightYellowBox\|~~4 squared}}
			<syntaxhighlight lang="smalltalk">
			4 squared
			</syntaxhighlight>


Line 53:		Line 56:
	6. 새로운 언어를 소개하는 데에 악명 높은 “Hello World”를 쓰지 않고서야 완벽하다고 말 할 수 없겠죠? 여기서는 {{HighlightBold\|System Transcript}}를 사용한 방법을 설명하겠습니다. {{HighlightBold\|Workspace}}에 아래와 같이 입력해주십시오.		6. 새로운 언어를 소개하는 데에 악명 높은 “Hello World”를 쓰지 않고서야 완벽하다고 말 할 수 없겠죠? 여기서는 {{HighlightBold\|System Transcript}}를 사용한 방법을 설명하겠습니다. {{HighlightBold\|Workspace}}에 아래와 같이 입력해주십시오.

	~~{{HighlightYellowBox\|~~Transcript show: 'Hello World'}}		<syntaxhighlight lang="smalltalk">
			Transcript show: 'Hello World'
			</syntaxhighlight>


Line 65:		Line 70:
	8. 다음은 심플 다이얼로그 박스를 사용해 {{HighlightBold\|Hello World}} 프로그램을 작성해봅시다. {{HighlightBold\|Workspace}}에 아래와 같이 입력해주십시오.		8. 다음은 심플 다이얼로그 박스를 사용해 {{HighlightBold\|Hello World}} 프로그램을 작성해봅시다. {{HighlightBold\|Workspace}}에 아래와 같이 입력해주십시오.

	~~{{HighlightYellowBox\|~~Dialog warn: 'Hello World'}}		<syntaxhighlight lang="smalltalk">
			Dialog warn: 'Hello World'
			</syntaxhighlight>

Onionmixer at 11:07, 4 December 2012

2012-12-04T11:07:37Z

← Older revision		Revision as of 11:07, 4 December 2012
Line 28:		Line 28:


	2. 이 텍스트를 반전시키고 {{HighlightBold\|<오퍼레이트 클릭>}후 {{HighlightBold\|프린트}}를 선택해주십시오.		2. 이 텍스트를 반전시키고 {{HighlightBold\|<오퍼레이트 클릭>}}후 {{HighlightBold\|프린트}}를 선택해주십시오.

	{{CincomSmalltalkBlueFont\|16이 바로 우측에 표시됩니다. 수학적인 설명을 하자면 “숫자 squared”는 숫자에 자기 자신을 곱하라는 의미입니다.(제곱을 하라는 뜻) 그렇기에 이 경우에는 4x4입니다.}}		{{CincomSmalltalkBlueFont\|16이 바로 우측에 표시됩니다. 수학적인 설명을 하자면 “숫자 squared”는 숫자에 자기 자신을 곱하라는 의미입니다.(제곱을 하라는 뜻) 그렇기에 이 경우에는 4x4입니다.}}

Onionmixer: VisualWorksTutorial1 page03 추가

2012-12-04T11:00:29Z

VisualWorksTutorial1 page03 추가

New page

{{CincomTop|{{CincomSmalltalkHeadBanner|웹로그 통계 레슨 2|화면출력}}}}

{| style="border: none; width:100%;"
|- style="text-align:center;font-weight:bold; font-style: normal;font-size:110%;"
| colspan="2" | | 목차 | 레슨1 | 레슨3 |<hr style="color:black;background-color:black;height:4px;">
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageOpenbook}}
| Smalltalk 코드를 기술하여 테스트할 경우, VisualWorks가 기대한대로 움직이는지 확인할 방법이 필요합니다. 즉 프로그램의 동작을 보는 것이 필요합니다. GUI 개발이 및 외부 파일에 데이터를 쓰는 것 이외에, 이 레슨에서는 화면에 출력하는 편리한 방법을 설명하겠습니다.
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageCertifacate}}
|{{CincomSmalltalkGreenBigFont|이 레슨에서는 VisualWorks가 제공하는 네 가지 기본적인 피드백을 설명하겠습니다.}}
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageDesign}}
| VisualWorks가 제공하는 네 가지 기본적인 피드백이란,

* 프린트({{HighlightBold|<조작>}}메뉴)
* Inspect({{HighlightBold|<조작>}}메뉴)
* {{HighlightBold|System Transcript}}
* 심플 다이얼로그 박스(Simple Dialog Box)

VisualWorks에서 Smalltalk 코드를 쓰는 간단한 방법은 {{HighlightBold|Workspace}}를 사용하는 것입니다. {{HighlightBold|Workspace}}를 Smalltalk 코드 입력 및 테스트를 할 수 있는 장소입니다. {{HighlightBold|Workspace}}를 열기 위해서는 VisualWorks {{HighlightBold|메인 런쳐}} 윈도우에서 툴바 맨뒤 버튼을 클릭하거나, {{HighlightBold|Toolbar>>Workspace}} 메뉴를 선택해주십시오. 이로써 새 창({{HighlightBold|Workspace}})이 열립니다. 그림 2-1 참조.

[[image:cincom_tutorial1_fig21.gif|none|423px|thumb|그림 2-1. VisualWorks Workspace]]
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageSteps}}
| 1. VisualWorks런쳐 화면(그림 1-1참조)의 툴바 아래 공간으로 마우스를 이동시켜주십시오
{{HighlightYellowBox|4 squared}}

2. 이 텍스트를 반전시키고 {{HighlightBold|<오퍼레이트 클릭>}후 {{HighlightBold|프린트}}를 선택해주십시오.

{{CincomSmalltalkBlueFont|16이 바로 우측에 표시됩니다. 수학적인 설명을 하자면 “숫자 squared”는 숫자에 자기 자신을 곱하라는 의미입니다.(제곱을 하라는 뜻) 그렇기에 이 경우에는 4x4입니다.}}

[[image:cincom_tutorial1_fig22.gif|none|424px|thumb|그림 2-2. VisualWorks의 Workspace에서 프린트를 선택]]

3. 다시 텍스트를 반전시키고 {{HighlightBold|<오퍼레이트 클릭>}}후 {{HighlightBold|Inspect}}를 선택합니다.

{{CincomSmalltalkBlueFont|새로운 화면이 표시됩니다.(Inspecter 화면)}}

4. {{HighlightBold|Inspecter}} 화면 왼쪽창의 {{HighlightBold|self}}를 클릭(반전)해주십시오.

{{CincomSmalltalkBlueFont|오른쪽 창에 {{HighlightBold|self}}값인 16이 표시됩니다. 16의 값을 16진수, 8진수, 2진수로 알고 싶은 경우에는 왼쪽 창에 각각의 단어를 클릭해주십시오. {{HighlightBold|Self}}는 수치를 10진수로 표시합니다.}}

[[image:cincom_tutorial1_fig23.gif|none|459px|thumb|그림 2-3. VisualWorks Inspecter 화면]]

5. {{HighlightBold|Inspecter}} 화면을 닫아주십시오.

6. 새로운 언어를 소개하는 데에 악명 높은 “Hello World”를 쓰지 않고서야 완벽하다고 말 할 수 없겠죠? 여기서는 {{HighlightBold|System Transcript}}를 사용한 방법을 설명하겠습니다. {{HighlightBold|Workspace}}에 아래와 같이 입력해주십시오.

{{HighlightYellowBox|Transcript show: 'Hello World'}}

7. 텍스트를 반전시키고 {{HighlightBold|<오퍼레이트 클릭>}}하여 {{HighlightBold|실행}}을 선택해주십시오.

{{CincomSmalltalkBlueFont|{{HighlightBold|Hello World}}라는 단어가 VisualWorks의 {{HighlightBold|런처}} 화면 표시영역에 표시됩니다. 레슨 1에서 설명한대로, 이 영역은 {{HighlightBold|System Transcript}}라 불리며, 수 많은 Smalltalk 프로그래머가 디버그를 하기 위해 사용하고 있습니다.}}

[[image:cincom_tutorial1_fig24.gif|none|709px|thumb|그림 2-4. Hello World를 VisualWorks의 System Transcript에 표시]]

8. 다음은 심플 다이얼로그 박스를 사용해 {{HighlightBold|Hello World}} 프로그램을 작성해봅시다. {{HighlightBold|Workspace}}에 아래와 같이 입력해주십시오.

{{HighlightYellowBox|Dialog warn: 'Hello World'}}

9. 텍스트를 반전시키고 {{HighlightBold|<오퍼레이트 클릭>}}후 {{HighlightBold|실행}}을 선택해주십시오.

{{CincomSmalltalkBlueFont|다이얼로그 박스 중앙에 {{HighlightBold|Hello World}}라고 표시됩니다.}}

[[image:cincom_tutorial1_fig25.gif|none|709px|thumb|그림 2-5. 심플 다이얼로그 박스를 사용해서 표시한 Hello World]]

10. OK를 클릭해주십시오.
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageDesign}}
|{{HighlightBold|Smalltalk의 기본}}

제공된 피드백 맨뒤에 있는 뒤의 두 가지 예문에서 Smalltalk 코드를 실제로 작성하여 실행해보았습니다. 아마 표면상으로는 “문”이 COBOL의 {{HighlightBold|Dispaly}}문이나 Visual Basic의 {{HighlightBold|Print}} 명령처럼, 다른 언어에서 봤을법한 통상적인 프로그래밍 명령처럼 보였을 것입니다. 하지만 Smalltalk에 있어서는 그렇지 않습니다.

“순수한 객체지향(객체지향)”언어로 분류되는 Smalltalk는 다른 언어들과는 약간의 차이가 있습니다. Smalltalk에서 무언가를 하기 위해서는 객체에 메시지를 전달해야 할 필요가 있다는 점입니다. 맨 마지막 문을 강조하자면 {{HighlightBold|“Smalltalk에서 무언가를 발생시키는 유일한 방법은, 객체에 메시지를 전달하는 방법 뿐”}}이라는 것입니다.

예를 들어, 식 {{HighlightBold|4 squared}}를 사용합니다. {{HighlightBold|squared}}라는 용어는 Smalltalk에서 볼 때 “명령”도 “함수”도 아닙니다. 아래에서 설명하겠습니다.

{{CincomSmalltalkGreenFont|숫자 4는 {{HighlightBold|SmallInteger}}클래스의 인스턴스입니다. {{HighlightBold|Integer}}클래스의 서브셋(부분집합)(참고로 integer는 정수입니다)인 {{HighlightBold|SmallInteger}}클래스는 정수를 생성하는 방법이나 {{HighlightBold|squared}}가 무엇을 실행할 수 있는지 알고 있습니다. 객체인 4({{HighlightBold|SmallInteger}}클래스의 인스턴스)에는 {{HighlightBold|squared}}메시지가 전달됩니다. Smalltalk 입장에서 보자면, “나는 무언가를 발생시키기 위한 정보를 가지고 있습니다. – 메시지는 객체에 대하여 전달됩니다”가 되며, 4 곱하기 4가 실행되어, 식 “4 squared” 옆에 16이 표시됩니다.}}

만일 위 내용을 통해 혼란을 야기하셨다면, 그건 아마도 객체지향 전문지식에 대한 설명을 들어보신 적이 없어서 그럴 것입니다. 객체지향 입문서를 읽는 것을 강력히 권합니다. 앞으로 나올 클래스, 객체, 메시지에 관련된 설명을 알 수 있게 될 것입니다. 이제부터 튜토리얼에서는 코드예문을 설명하는 중에 객체지향 전문용어를 사용할 것입니다. 입문서에서는 이러한 설명을 조금이라도 이해할 수 있을 정도의 객체지향의 기본적인 지식(이해)를 얻을 수 있습니다.
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageDominos}}
| 입문서 : 객체지향의 원리
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageCertifacate}}
| 정리
{{HighlightBold|아래와 같은 내용을 학습하였습니다}}
* Workspace를 연다
* (<조작>메뉴에서)Print를 사용하여 VisualWorks에 피드백
* (<조작>메뉴에서)Inspect를 사용하여 VisualWorks에 피드백
* System Transcript를 사용하여 VisualWorks에서 피드백
* 단순한 다이얼로그 박스를 사용하여 VisualWorks에 피드백
|- style="text-align:center;font-weight:bold; font-style: normal;font-size:120%;"
| colspan="2" |<hr style="color:black;background-color:black;height:4px;"> | 목차 | 레슨1 | 레슨3 |
|}

VisualWorksTutorial1:Page03 - Revision history

Onionmixer at 05:09, 5 December 2012

Onionmixer at 11:07, 4 December 2012

Onionmixer: VisualWorksTutorial1 page03 추가