Onionmixer: VisualWorksTutorial2 Page15 추가

2012-12-27T04:15:13Z

VisualWorksTutorial2 Page15 추가

New page

{{CincomTop|{{CincomSmalltalkHeadBanner|웹로그의 통계2 레슨14|런타임 버전}}}}

{| style="border: none; width:100%;"
|- style="text-align:center;font-weight:bold; font-style: normal;font-size:110%;"
| colspan="2" | | 목차 | 레슨13 | 레슨15 |<hr style="color:black;background-color:black;height:4px;">
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageOpenbook}}
| VisualWorks 개발환경 밖에서 어플리케이션을 실행하기 위한 준비를 하겠습니다. 어플리케이션을 실행하기 위해서 필요한 코드만을 포함한 이미지 파일을 작성함으로 인해 실현 가능합니다. {{HighlightBold|Runtime Packager}}라 불리우는 다른 Parcel(툴)을 사용합니다.
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageCertifacate}}
| {{CincomSmalltalkGreenBigFont|이 레슨에서는, 어플리케이션 실행을 위해 설계된 Runtime Packager를 사용하여, 어떤 방식으로 분할 이미지 파일을 작성하는지 학습합니다. 단, 이 작업을 하기 전에 추가하고 싶은 "마지막 수정"이 있습니다. Parcel이 로드되면 자동적으로 어플리케이션이 실행되도록 하겠습니다.}}
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageDesign}}
| 어플리케이션은 완성하였습니다. 이번엔 패키지화하여 누군가에게 배포할 수 있도록 해야합니다. 그러기 위해서는 {{HighlightBold|Runtime Packager}}라는 Parcel을 사용합니다. {{HighlightBold|WebLogStats}} Parcel은 이미 로드되어 있습니다. {{HighlightBold|Runtime Packager}}는 패키지가 사전에 로드되어있을 경우 사용하면 간단합니다. 실행시에는 Parcel을 자동적으로 로드하며, 실행하는 설정은 이 튜토리얼 범위를 넘어섭니다...

어플리케이션을 패키지화 하는 경우, 일반적으로는 어플리케이션 구축에 사용한 개발 컴퍼넌트를 전부 삭제합니다.(예를 들면, {{HighlightBold|UIPainter}}입니다. {{HighlightBold|UIPainter}}는 개발에만 사용합니다. 실행환경(런타임)에는 필요하지 않습니다.) 런타임 이미지는 가능한한 작게 합니다. {{HighlightBold|Runtime packager}}에는 그것을 실행하는 스텝이 있습니다. 런타임 이미지(실행 이미지)를 작성하기 전에, 불필요한 컴퍼넌트(Parcel)을 전부 삭제(언로드)합니다. 여기서는 이러한 작업들을 먼저 행하겠습니다.
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageSteps}}
| 1. VisualWorks {{HighlightBold|메인 런쳐}} 윈도우에서 {{HighlightBold|System>>지정Parcel 언로드...}}메뉴를 선택해주십시오.

2. 사용환경에 따른 삭제를 위해 아래와 같이 Parcel을 선택해주십시오.
* UIPainter

[[image:cincom_tutorial2_fig2154.png|none|278px|thumb|그림 14-1. 불필요한 Parcel 삭제]]

3. OK를 클릭해주십시오. 빈 카테고리를 삭제하고, 미선언을 퍼지해도 좋냐는 다이얼로그 박스가 표시됩니다. {{HighlightBold|Yes}}를 선택해주십시오.

[[image:cincom_tutorial2_fig2155.png|none|351px|thumb|그림 14-2. Parcel 삭제 확인]]

4. VisualWorks메인 런쳐 윈도우에서 {{HighlightBold|시스템>>지정 Parcel 로드...}} 메뉴를 선택해주십시오.

5. 표시된 다이얼로그 박스에 {{HighlightBold|Ruintime*}}을 입력하고 {{HighlightBold|Runtime Packager}}를 선택해 OK를 클릭해주십시오.

[[image:cincom_tutorial2_fig2156.png|none|326px|thumb|그림 14-3. Runtime Packager Parcel]]

6. {{HighlightBold|환경설정}}(시스템 메뉴)에서 {{HighlightBold|윈도우 배치}}(룩 & 필 탭 안에)가 {{HighlightBold|자동}}으로 설정되어있는 것을 확인해주십시오.

[[image:cincom_tutorial2_fig2156b.png|none|624px|thumb|그림 14-4. 환경설정화면의 윈도우 배치>>자동설정]]

7. VisualWorks {{HighlightBold|메인 런쳐}} 윈도우에서 {{HighlightBold|Tool>>Runtime Packager}} 메뉴를 선택해주십시오.

[[image:cincom_tutorial2_fig2157.png|none|600px|thumb|그림 14-5. 툴 메뉴의 Runtime Packager 선택지]]

8. {{HighlightBold|Runtime Packeger}}는 패키지 처리를 스텝별로 실행하는 마법사형 어플리케이션입니다. 우측에 있는 체크 박스는 스텝의 순서와 상태를 나타내고 있습니다.

[[image:cincom_tutorial2_fig2158.png|none|614px|thumb|그림 14-6. Runtime Packager메인 윈도우]]

9. {{HighlightBold|Next>>}}버튼을 클릭해주십시오.

10. {{HighlightBold|Clean Up Image}}스텝의 {{HighlightBold|Do This Step}}을 클릭해주십시오.

11. Yes를 클릭후, 의존 필드와 미선언 항목이 일람된 두 개의 윈도우가 표시됩니다(표시되지 않는 경우도 있습니다). 그냥 윈도우를 닫아주십시오.

12. 의존 필드 화면을 닫은 후, {{HighlightBold|Clean Up Image}} 스텝에 체크 마크가 붙어있을 것입니다. {{HighlightBold|Next>>}}버튼을 클릭해주십시오.

13. {{HighlightBold|Set Option}} 스텝의 {{HighlightBold|Do This Image}}를 클릭해주십시오.

{{CincomSmalltalkBlueFont|아래와 같은 윈도우가 표시됩니다.}}

[[image:cincom_tutorial2_fig215b.png|none|497px|thumb|그림 14-8. Set Option 윈도우]]

14. 아래의 정보를 입력해주십시오.
* Startup Class - {{HighlightBold|WebLogGUI}}
* Startup Method - {{HighlightBold|open}}
* Runtime Image Path Name - {{HighlightBold|WebLogRuntime}}

[[image:cincom_tutorial2_fig215c.png|none|497px|thumb|그림 14-9. 입력이 완료된 Set Option 윈도우]]

OK를 클릭해주십시오.

15. {{HighlightBold|Set Option}} 트텝에 체크마크가 붙어있을 것입니다. {{HighlightBold|Next>>}}버튼을 클릭해주십시오. {{HighlightBold|Specify Classes and methods to keep}} 스텝의 {{HighlightBold|Take Defaults}}를 클릭해주십시오.

16. {{HighlightBold|Specify Kept / Deleted}} 스텝에 체크마크가 붙어있을 것입니다. {{HighlightBold|Next>>}}버튼을 클릭해주십시오. {{HighlightBold|Scan for Unreferenced Item}}스텝의 {{HighlightBold|Do This Step}}을 클릭해주십시오.

{{CincomSmalltalkBlueFont|이 스텝을 처리하기 위해서 진행화면이 표시됩니다. 메시지 박스에는 이 스텝의 요약이 표시됩니다. 이것은 문제가 없다는 사인입니다. OK를 클릭해주십시오.}}

[[image:cincom_tutorial2_fig215d.png|none|614px|thumb|그림 14-10. Scan for Unreferenced Item 스텝에서의 요약 윈도우]]

17. {{HighlightBold|Scan for Unreferenced}} 스텝에 체크 마크가 붙어있을 것입니다. {{HighlightBold|Next>>}}버튼을 클릭해주십시오. {{HighlightBold|Review kept classes and methods}} 스텝의 {{HighlightBold|Do This Step}}을 클릭해주십시오.

{{CincomSmalltalkBlueFont|큰 윈도우가 표시됩니다. 여기서는 close 버튼을 클릭해주십시오.}}

18. {{HighlightBold|Review Kept/Deleted}}스텝에 체크마크가 붙어있을 것입니다. {{HighlightBold|Next>>}}버튼을 클릭해주십시오. {{HighlightBold|Save Runtime Loadable Parcels}} 스텝에서는 {{HighlightBold|Do This Step}}과 {{HighlightBold|Take Defaults}} 버튼이 사용할 수 없게 되어있습니다.

19. {{HighlightBold|Next>>}}버튼을 클릭해주십시오. {{HighlightBold|Save Parcles}} 스텝에 체크마크가 없을것입니다. 이것은 문제가 없습니다. {{HighlightBold|Test Application}} 스텝의 {{HighlightBold|Do This Step}}을 클릭해주십시오.

{{CincomSmalltalkBlueFont|테스트 윈도우가 표시됩니다. {{HighlightBold|Being Test}}를 클릭해주십시오.}}

[[image:cincom_tutorial2_fig215e.png|none|501px|thumb|그림 14-11. Test Application 스텝의 테스트 윈도우]]

{{CincomSmalltalkBlueFont|복수의 프로그레스 바가 표시된 후, 어플리케이션이 기동됩니다. 이것은 작업이 순조롭다는 의미의 사인입니다.}}

20. 기동된 어플리케이션을 닫아주십시오. {{HighlightBold|End Test}}를 클릭해주십시오.

{{CincomSmalltalkBlueFont|복수의 프로그레스 바가 표시된 후 테스트 윈도우로 돌아갑니다. OK를 클릭해주십시오.}}

21. {{HighlightBold|Accept Dynamic References}}버튼을 클릭해주십시오.(상황에 따라서는 액티브 상태가 아닌 경우도 있습니다. 이 경우에는 클릭할 필요는 없습니다.)

22. {{HighlightBold|Test Application}}스텝에 체크마크가 붙어있을 것입니다. {{HighlightBold|Next>>}}버튼을 클릭해주십시오. {{HighlightBold|Set Runtime Memory Parameters}} 스텝의 {{HighlightBold|Take Defaults}}를 클릭해주십시오.

23. {{HighlightBold|Set Runtime Memory Parameters}} 스텝에 체크마크가 붙어있을 것입니다. {{HighlightBold|Next>>}}버튼을 클릭해주십시오. 이것은 마지막 스텝입니다.({{HighlightBold|Strip and Save Image}}) 이곳에서의 선택지는 하나입니다. {{HighlightBold|Do This Step}} 버튼을 클릭해주십시오.

{{CincomSmalltalkBlueFont|삭제한 클래스의 참조 윈도우를 닫아도 되냐는 다이얼로그 박스가 표시됩니다. Yes를 클릭해주십시오.}}

새로운 이미지 작성개시를 묻는 다이얼로그가 표시됩니다. OK를 클릭해주십시오.

[[image:cincom_tutorial2_fig215f.png|none|319px|thumb|그림 14-12. 마지막 확인 다이얼로그]]

24. 두 개의 윈도우가 표시됩니다. 첫 번째 윈도우는 이미지 생성 진척도를 나타내는 프로그레스 바 윈도우입니다. 두 번째 윈도우는 이미지가 생성된 후에 표시됩니다.

[[image:cincom_tutorial2_fig215g.png|none|436px|thumb|그림 14-13. 진척도와 확인 윈도우]]

{{CincomSmalltalkBlueFont|완성시, VisualWortks는 닫히고, 새로운 이미지가 생성됩니다. VisualWorks "표준" 디렉토리에 새로운 이미지가 있을 것입니다.}}

[[image:cincom_tutorial2_fig215h.png|none|620px|thumb|그림14-14. 파일 브라우저에서 새로운 이미지가 생성된 것을 확인.]]

25. 어플리케이션을 테스트하기 위해서는 VisualWorks 실행파일에 넘겨줄 패스를 현재 설정에서 {{HighlightBold|WebLogRuntime.im}}으로 변경할 필요가 있습니다.

예를 들어, Windows에서는 아래와 같이 변경하게 되면 VisualWorks가 기동됩니다.

<syntaxhighlight lang="text">
c:\vw7.7\bin\win\visual.exe visual.im
</syntaxhighlight>

위의 내용을

<syntaxhighlight lang="text">
c:\vw7.7\bin\win\visual.exe WebLogRuntime.im
</syntaxhighlight>

이 내용으로 변경합니다.

어플리케이션은 자동적으로 실행을 개시할 것입니다.
|-
| style="text-align:right;width:60px;float:left;" | {{HeadImageCertifacate}}
| <font style="text-align:center;font-weight:bold; font-style: normal;font-size:110%;">정리</font>

GUI 어플리케이션을 포함하는 이미지 생성에 성공하였습니다. 이 어플리케이션은, 작성에 사용했던것과 같은 플랫폼에서만 실행되는 것이 아닌, 비슷한 복수의 OS에서도 그대로 실행할 수 있습니다. 예를들어, 이 튜토리얼은 화면 캡쳐를 통해서 보면Windows환경에서 개발되었다고 추측할지도 모릅니다. 하지만, {{HighlightBold|Runtime Packager}}툴에서 작성된 .im파일은 Macintosh, UNIX, Linux로 복사(FTP)할 수 있다면, 아무런 노력없이 VisualWorks에서 실행 가능합니다.

더욱이, 이 어플리케이션은 몇 가지 GUI 위젯 동작을 다듬어, {{HighlightBold|VisualWave(WrbToolkit)}}을 통해 Web으로 전개할 준비가 되어있습니다. 이것은 VisualWorks를 사용한 진정한 크로스 플랫폼의 데모입니다.

{{HighlightBold|아래와 같은 내용을 학습하였습니다}}
* Initialize 클래스측 메서드의 역할을 확인
* 새로운 이미지 파일을 작성하기 위해 {{HighlightBold|Runtime Packager}}를 사용
* 스탠드 얼론의 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;"> | 목차 | 레슨13 | 레슨15 |
|}

VisualWorksTutorial2:Page15 - Revision history

Onionmixer: VisualWorksTutorial2 Page15 추가