Computer 3(Visual Basic)

1. Computer 3(Visual Basic) Visual Basic 6.0의 통합환경

2. 1. 비주얼 베이직 실행 1 • 시작 - 프로그램(P) - Microsoft Visual Basic 6.0 클릭 클릭 2 새 프로젝트 종류 상자에서 표준.EXE 프로젝트를 클릭하고 열기 단추 클릭 클릭 클릭

3. 3 도구모음 메뉴 표시줄 • 비주얼 베이직 통합 개발 환경(IDE : Integrated Development Environment)창이 나타남 프로젝트 탐색기 창 도구상자 속성창 폼 폼 디자이너 창 폼배치 창

4. 2. 통합 개발 환경창의 메뉴 2-1. 메뉴 표시줄 • 풀다운 메뉴방식이며 이는 다음과 같다. (1) 파일메뉴 프로그램을 불러오거나 저장 또는 인쇄, 종료하고자 할 때 사용되는 여러 가지 기능들

5. (2) 편집메뉴 프로그램 코드를 보다 편리하게 수정 및 편집할 수 있는 여러 가지 기능들

6. (3)보기메뉴 (4) 프로젝트 메뉴 프로그래밍시 필요한 개발 환경을 조절하는 창들을 제어하는 기능 프로젝트를 관리 (모듈, 외부파일 추가 및 삭제)하는 메뉴

7. (5) 서식메뉴 (6) 디버거 메뉴 폼 위에 배치된 각종 컨트롤의 위치를 조정 및 정렬할 때 사용되는 기능 사용자가 작성한 코드에러를 쉽게 찾아서 수정하는 기능

8. (7) 실행메뉴 (8) 도구메뉴 작성된 프로그램을 실행, 정지, 프로그램 개발 중에 테스트 할 수 있는 기능 프로시저 추가, 속성지정, 환경설정을 위한 기능

9. (9) 추가기능 (11) 도움말 메뉴 비주얼 베이직에 없는 데이터 베이스 처리 등 필요한 기능을 추가하여 사용할 수 있는 기능 프로그램 작성시 필요한 여러 가지 정보들을 나타내 주는 기능(비주얼 베이직 6.0부터는 설치 CD에 있는 MSDN 라이브러리 CD를 설치하여야만 도움말메뉴를 볼 수 있다. (10) 창메뉴 여러 가지 창을 보기 쉽도록 정리하는 기능

10. 2-2. 도구모음 • 자주 사용되는 명령어들을 빠르고 편리하게 사용하기 위해서 만들어진 단축 아이콘들. • 명령도구모음에 있는 아이콘 기능을 모르면 마우스를 해당 아이콘에 이동시키면 화면 풍선도움말이 나타난다. • 도구모음이 나타나지 않으면 보기메뉴 도구모음  표준을 클릭한다.

11. 표준.exe 프로젝트 추가 (새로운 프로그램 작성하기) 시작(프로그램 실행) 종료(프로그램 종료) 메뉴편집기 프로젝트 탐색기 창 프로젝트 저장 속성 창 복사하기 개체 찾아보기 찾기 붙여넣기 도구상자 중단(프로그램 중단) 잘라내기 프로젝트열기 실행취소/취소못함 폼 레이아웃 창 폼 추가(새로운 폼 추가하기)

12. 2-3. 도구상자 • 도구상자는 폼 위에 배치할 컨트롤들의 아이콘을 모아 놓은 창을 말한다. • 도구상자가 화면에 나타나지 않으면 보기메뉴 도구상자를 마우스로 클릭 • 도구상자내의 컨트롤 기능을 모를 땐 마우스를 해당 컨트롤에 이동시키면 도움말이 나타난다.

13. 포인터 픽쳐박스 레이블 텍스트박스 프레임 커맨드 버턴 체크박스 옵션버턴 콤보박스 리스트박스 수평 스크롤바 수직 스크롤바 타이머 드라이브 리스트박스 디렉토리 파일 리스트박스 세이프치프 라인 이미지 데이터 OLE 클라이언트

14. 2-4. 프로젝트 탐색기 창 • 프로그래밍 작성과정에서 사용되는 모든 파일을 나타내며 이들 파일을 관리하기 위한 창 개체보기 버턴 폴더설정/해제 버턴 코드보기 버턴 (1) 코드보기 버턴 선택된 프로젝트파일에 대한 코드창을 나타내 준다. (이곳에서 베이직 명령어들을 코딩)

15. (2) 개체보기 버턴 화면에 폼이 나타나 있지 않을 때 사용한다. (3) 폴더설정/해제 버턴 프로젝트 파일들이 폴더형태로 내용을 관리 또는 폴더 형태로 내용을 관리 또는 폴더 관리형태를 닫아 줄 때 사용한다. 폴더설정/해제 버턴을 클릭하기 전 폴더설정/해제 버턴을 클릭한 후

16. 2-5. 속성창 • 선택한 폼이나 컨트롤에 대한 속성을 설정할 수 있는 창 • 속성이란 각 컨트롤들이 가질 수 있는 크기, 제목, 색상, 문자폰트 등의 값을 말한다. • 비주얼 베이직 프로그래밍 시 프로그래밍에 사용되는 폼이나 컨트롤에 대한 속성 설정이 반드시 필요하다. • 속성창이 화면에 없으면 보기메뉴 속성창을 클릭한다.

17. 개체 상자 단축 탭 Caption 속성 속성 목록 상자 속성 설명 상자 • (1) 개체 상자 • 속성에 대한 컨트롤의 이름을 나타낸다. • 개체 상자의 오른쪽 끝의 화살표( )를 클릭하면 목록이 나타난다.

18. (2) 단축 탭 •  알파벳순 버턴을 클릭하면 속성들이 알파벳순으로 나열된다. • 항목별 버턴을 클릭하면 해당 속성의 주제별로 나타낸다. • (3) 속성 목록 상자 • 왼쪽부분은 선택된 컨트롤의 선택할 수 있는 모든 속성들 • 컨트롤에 대한 속성의 용도를 모르면 속성창에서 해당 속성을 클릭한 후 F1 키를 누르면 선택한 속성에 대한 도움말이 나타난다. • (4) 속성 설명 상자 •  선택한 속성에 대한 설명을 나타낸다.

19. 2-6. 폼디자이너 창 • 프로그램의 외관이라 할 수 있는 화면 인터페이스 • 를 디자인하기 위한 창 폼디자이너 창!

20. 2-7. 폼 배치 창 • 작성된 폼이 실행되면 화면에 배치되어 나타나는 • 모양을 미리 볼 수 있게 하는 창 음… 그렇군.

21. 3 간단한 프로그램 작성하기  Message버턴을 클릭하면 비주얼 베이직은 배우기 쉽습니다.라는 메시지를 출력 Clear버턴을 클릭하면 메시지 내용 삭제 Exit버턴을 클릭하면 프로그램을 종료    Message program 실행후 화면(Message버턴을 클릭)  Message 프로그램 실행전 화면

22. 비주얼 베이직 프로그래밍 작성 단계 컨트롤을 폼에 배치  프로그램의 외관을 볼 수 있는 창 디자인 을 한다. (도구상자 등에 있는 각종 컨트롤 배치 및 속성 설정)  비주얼 베이직에서 제 공된 편집기로 프로그 램 코드를 입력한다. 각 컨트롤의 속성 설정 각 컨트롤에 대한 코딩 프로그램 실행/디버그 실행 파일 작성 • 비주얼 베이직 프로그래밍 과정

23. 3-1. Message program 작성하기 (1) 새로운 프로젝트 만들기와 저장하기 새로운 프로젝트 만들기 파일(F)메뉴  새 프로젝트(N)을 클릭 1 폼이름 새로운 프로젝트 저장하기  저장되는 새로운 프로젝트는 다음 두 개의 파일로 저장된다. 프로젝트 파일 - 프로젝트를 만들기 위해 필요한 모든 정보를 관리하는 파일 (파일명 확장자 .VBP)  폼 파일 - 폼을 만들기 위해 필요한 정보들을 관리하는 파일 (파일명 확장자 .FRM)  Message 프로그램을 저장하기 위해서 프로젝트 파일명을 Message.vbp, 폼 파일명을 Message.FRM으로 저장 2

24. 프로젝트 저장단계 1 • 파일(F)메뉴  프로젝트 저장(V)를 클릭, 또는 도구모음의 단축 아이콘 를 클릭한다. 저장할 폴더 선택① Message.FRM으로 변경② 클릭③  표 파일 저장

25. 프로젝트 저장단계 2 • 프로젝트를 다른 이름으로 저장 Message.VBP로 변경① 클릭② 프로젝트 파일 저장 위의 두 단계를 거치면 프로젝트 저장과정이 종료된다. 이후 프로그램 작성 도중 수시로 사용자는 간단히 단축 아이콘 등을 누르며 저장된다. 3

26. 저장된 프로젝트 확인하기 • 저장된 프로젝트는 아직 내용은 텅 비어있지만 Message.FRM 이라는 폼파일과 Message.VBP라는 프로젝트 파일로 만들어짐(오른쪽 탐색기창 확인) 만들어진 폼파일명과 프로젝트명 (2) 폼 디자이너 창의 제목 바꾸기 폼 디자이너 창의 제목 표시줄에 있는 제목 바꾸기(기본적 폼 이름은 Form1) 마우스를 폼에 클릭  속성창으로 이동  다음과 같이 설정 1

27. frmmessage Message program 바꿔진 창 제목 바꿔진 폼이름 (3) 도구상자 내의 컨트롤을 폼에 배치하기  폼 위에 도구상자의 컨트롤들을 마우스로 더블 클릭하여 배치  3개의 커맨드 컨트롤과 한 개의 텍스트 박스 컨트롤이 필요

28. 1 폼 내에 커멘드 컨트롤 및 텍스트 박스 컨트롤 배치하기 도구상자 내의 커멘드 컨트롤인 을 더블 클릭한다.(이와 같은 과정을 3번 반복하면 3개의 커멘드 컨트롤이 폼 내에 배치된다.) • 도구상자 내의 텍스트 박스 컨트롤인 를 더블 클릭한다. (적당히 마우스를 끌어서 텍스트 박스 크기를 적당히 늘린다.) 크기조절 핸들 • 컨트롤 크기 조절은 크기조절 핸들에 마우스를 이동하여 끌기 • 컨트롤 이동은 컨트롤에 마우스 이동후 누른채로 끌기

29. 2 몸에 배치된 각 컨트롤들의 속성 바꾸기 • 위의 과정을 모두 거치면 다음과 같은 폼 모양이 된다. 각각의 컨트롤들을 클릭하고 속성창을 연후 속성들을 바꾼다. •

30. 커맨드 컨트롤의 속성 바꾸기 • • Command1 컨트롤을 클릭한 후 속성창에서 다음과 같이 설정 • • Message 앞에 & 기호를 붙인 것은 단축키(Alt+M)로도 사용함 cmdmessage &message • Command2 컨트롤을 클릭한 후 속성창에서 다음과 같이 설정

31. • Command3 컨트롤을 클릭한 후 속성창에서 다음과 같이 설정 • 텍스트 박스 컨트롤의 속성 바꾸기 • •텍스트 박스 컨트롤을 클릭한 후 속성창에서 다음과 같이 설정 (이름) 속성값을 txtdisplay로 바꾼다. Text 속성값을 이미 저장되어 있는 textl을 삭제 Alignment 속성값을 2-가운데 맞춤으로 바꾼다. Multiline 속성값을 True로 설정

32. 참 조 • 폼 위에 배치한 컨트롤을 삭제 및 복사 방법 마우스 왼쪽 단추① 마우스 오른쪽 단추② (메뉴에서 복사, 삭제선택) •각 컨트롤 이름에 있는 cmd, txt는 접두어이다.(4장에 언급)

33. Message Program의 각 컨트롤에 대한 변경된 속성값

34. 컨트롤들에게 어떤 일을 실행할 수 있도록 프로그램 내부를 처리할 수 있는 코딩 작업 • 폼에 배치된 각 컨트롤에 대한 코드넣기 1 Message 버턴에 코드넣기 Message 버턴을 클릭했을 때 ‘비주얼 베이직은 배우기 쉽습니다.’라는 메시지가 출력되도록 코딩  폼 내의 Message버턴을 더블 클릭 후 다음과 같이 코딩 이벤트 이름 컨트롤이름 코딩부분

35. 제목표시줄에는 현재 코딩 작업중인 응용 프로그램 부분이 Message • 두 번째 줄 왼쪽부분은 Message 버턴 속성 설정시 정해준 컨트롤 이름, 오른쪽부분은 이벤트 이름 매개변수 프로시저 시작 Private Sub cmdmessage - Click ( ) 프로시저 끝 End Sub (자동생성) 컨트롤 이름 이벤트 이름 (자동생성) 코딩 내용을 텍스트박스에 할당하라는 명령문 = 오른쪽 문자열 • txtdiplay.text = “비주얼 베이직은 배우기 쉽습니다.”

36. clear 버턴에 코드넣기 2 • Clear 버턴을 클릭한 후 다음과 같이 코딩 exit 버턴에 코드넣기 3 Exit 버턴을 더블 클릭한 후 다음과 같이 코딩 (End는 종료명령) 프로시저보기 전체모듈 보기

37. 참 조 • 지금까지 컨트롤에 코딩을 하기 위해서 폼에 있는 컨트롤마다 더블 클릭 하는 번거로움이 있다. • 간편한 방법으로 다음 그림에서 해당 컨트롤을 선택해도 된다. 폼내의 컨트롤 이름목록

38. 실행(R)메뉴  시작(S)버턴을 클릭, 또는 도구모음의 아이콘을 클릭 • 작성된 프로그램 실행하기 실행된 Message program

39. 만들어진 프로그램을 실행파일로 만들려면 다음과 같이 한다. 파일(F)메뉴  Project1.exe만들기(K)…를 클릭 • 실행파일 만들기 실행파일명 지정① 클릭②

40. 윈도우 98(또는 95)에서 실행하려면 윈도우 탐색기에서 Message.exe를 더블 클릭 이 아이콘을 더블 클릭

41. 비주얼 베이직 종료하기 파일(F)메뉴  종료(X)버턴을 클릭

42. 저장된비주얼 베이직 소스 프로그램 출력하여 보기 작성된 메시지 출력 프로그램의 전체 코드 목록을 보려면 다음과 같이 한다. 윈도우 탐색기를 실행시켜 프로그램이 저장된 폴더에서 Message.frm을 더블클릭

43. 전체 프로그램 코드목록이 나타난다. (여기서는 한글로 표시) 한글 워드프로세서로 해당 프로그램 소스 리스트가 출력