1단계: 프로젝트 만들기 및 폼에 레이블 추가

수학 퀴즈를 만드는 첫 번째 단계는 프로젝트를 만들고 폼에 레이블을 추가하는 것입니다.

프로젝트를 만들고 폼에 레이블을 추가하려면

1. 파일 메뉴에서 새 프로젝트를 클릭합니다.

2. Visual Studio Express를 사용하고 있지 않으면 먼저 언어를 선택해야 합니다.설치된 템플릿 목록에서 C# 또는 Visual Basic을 선택하십시오.

3. Windows Forms 응용 프로그램 아이콘을 클릭하고 이름으로 수학 퀴즈를 입력합니다.

4. 다음과 같이 폼 속성을 설정합니다.

   1. 폼의 Text 속성을 수학 퀴즈로 변경합니다.

   2. Size 속성을 사용하거나, IDE(통합 개발 환경)의 왼쪽 아래 모퉁이에서 원하는 크기가 될 때까지 끌어 크기를 500*400픽셀로 변경합니다.

   3. 사용자가 폼의 크기를 변경하지 못하도록 하려면 FormBorderStyle 속성을 Fixed3D로 변경하고 MaximizeBox 속성을 False로 설정합니다.

5. 도구 상자에서 Label 컨트롤을 끌어 온 후 다음과 같이 속성을 설정합니다.

   1. (Name) 속성을 timeLabel로 변경합니다.이 레이블은 퀴즈의 남은 시간을 표시하는 폼의 오른쪽 위 모퉁이에 상자로 표시됩니다.

   2. 상자의 크기를 직접 조정할 수 있도록 AutoSize 속성을 False로 설정합니다.

   3. BorderStyle 속성을 FixedSingle로 변경하여 상자 주위에 선을 그립니다.

   4. Size 속성을 200, 30으로 설정합니다.

   5. 파란색 공백 줄이 나타날 때까지 레이블을 폼의 오른쪽 위 모퉁이로 끕니다.

   6. 속성 창에서 Text를 클릭한 다음 백스페이스 키를 눌러 Text 속성을 지웁니다.

   7. 글꼴 크기를 15.75로 변경합니다.다음 그림과 같이 Size를 비롯한 여러 속성이 표시된 속성 창의 Font 속성 옆에 있는 더하기 기호를 클릭합니다.

      글꼴 크기가 표시된 속성 창

      

6. 도구 상자에서 다른 Label 컨트롤을 끌어 온 후 다음과 같이 속성을 설정합니다.

   1. 글꼴 크기를 15.75로 변경합니다.

   2. Text 속성을 Time Left로 설정합니다.

   3. 마우스로 끌어 timeLabel 레이블의 왼쪽에 정렬합니다.

7. 더하기 문제에 대한 컨트롤을 추가합니다.도구 상자에서 Label 컨트롤을 끌어 온 후 다음과 같이 속성을 설정합니다.

   1. Text 속성을 ?(물음표)로 설정합니다.

   2. AutoSize 속성을 False로 설정합니다.

   3. Size 속성을 60, 50으로 설정합니다.

   4. 글꼴 크기를 18로 변경합니다.

   5. TextAlign 속성을 MiddleCenter로 변경합니다.

   6. Location 속성을 75, 75로 설정하여 폼에 배치합니다.

   7. (Name) 속성을 plusLeftLabel로 변경합니다.

8. plusLeftLabel 레이블을 선택하고 복사합니다.레이블을 복사하려면 Ctrl+C를 누르거나 편집 메뉴에서 복사를 선택합니다. 그런 후 다음을 수행합니다.

   1. 레이블을 세 번 붙여넣습니다.레이블을 붙여넣으려면 Ctrl+V를 누르거나 편집 메뉴에서 붙여넣기를 선택합니다.

   2. plusLeftLabel 레이블의 오른쪽에 상자가 나란히 놓이도록 공백 줄을 사용하여 새로 만든 세 레이블을 일정한 간격으로 정렬합니다.

   3. 두 번째 레이블의 Text 속성을 +(더하기 기호)로 변경합니다.

   4. 세 번째 레이블의 (Name) 속성을 plusRightLabel로 변경합니다.

   5. 네 번째 레이블의 Text 속성을 =(등호)로 변경합니다.

9. 도구 상자에서 NumericUpDown 컨트롤을 끌어 온 후 다음을 수행합니다.

   1. 글꼴 크기를 18로 변경한 다음 너비를 100으로 좁힙니다.

   2. 더하기 문제에 대한 Label 컨트롤에 맞춰 정렬될 때까지 컨트롤을 끕니다.

   3. (Name) 속성을 sum으로 변경합니다.NumericUpDown 컨트롤에 대해서는 이 자습서의 뒷부분에서 자세히 설명합니다. 이제 다음 그림과 같이 퀴즈의 첫 번째 행이 만들어졌습니다.

      수학 퀴즈의 첫 번째 행

      

10. 더하기 문제의 다섯 컨트롤(네 개의 Label 컨트롤과 하나의 NumericUpDown 컨트롤)을 선택한 다음 복사합니다.그런 후 다음을 수행합니다.

    1. 컨트롤을 붙여넣어 다섯 개의 새 컨트롤을 폼에 추가합니다.

    2. 컨트롤이 아직 선택된 상태이기 때문에 한 컨트롤만 클릭해도 다섯 개의 컨트롤을 모두 끌어 더하기 컨트롤 아래에 정렬할 수 있습니다.공백 줄을 사용하여 두 행 사이에 충분한 간격을 둡니다.

    3. 두 번째 레이블의 Text 속성을 –(빼기 기호)로 변경합니다.

    4. 첫 번째 물음표 레이블의 이름을 minusLeftLabel로 지정합니다.

    5. 두 번째 물음표 레이블의 이름을 minusRightLabel로 지정합니다.

    6. NumericUpDown 컨트롤의 이름을 difference로 지정합니다.

11. 다섯 컨트롤을 두 번 더 붙여넣은 후 다음을 수행합니다.

    1. 세 번째 행의 경우 첫 번째 레이블의 이름을 timesLeftLabel로 지정하고, 두 번째 레이블의 Text 속성을 ×(곱하기 기호)로 변경하고, 세 번째 레이블의 이름을 timesRightLabel로 지정하고, NumericUpDown 컨트롤의 이름을 product로 지정합니다.

    2. 네 번째 행의 경우 첫 번째 레이블의 이름을 dividedLeftLabel로 지정하고, 두 번째 레이블의 Text 속성을 ÷(나누기 기호)로 변경하고, 세 번째 레이블의 이름을 dividedRightLabel로 지정하고, NumericUpDown 컨트롤의 이름을 quotient로 지정합니다.

    [!참고]

    이 자습서에서 곱하기 기호 ×와 나누기 기호 ÷를 복사하여 IDE에 붙여넣을 수 있습니다.

12. 폼에 컨트롤이 하나 더 필요합니다. 즉, 퀴즈를 시작하는 단추가 필요합니다.도구 상자에서 Button 컨트롤을 끌어 온 후 다음과 같이 속성을 설정합니다.

    1. (Name) 속성을 startButton으로 설정합니다.

    2. Text 속성을 퀴즈 시작으로 설정합니다.

    3. 글꼴 크기를 14로 설정합니다.

    4. 단추의 크기가 텍스트에 맞게 자동으로 조정되도록 AutoSize 속성을 True로 설정합니다.

    5. 단추를 폼의 맨 아래로 끌어 온 다음 가운데에 배치합니다.

13. 마지막으로 startButton 컨트롤을 클릭한 후 다음을 수행합니다.

    1. TabIndex 속성을 1로 설정합니다.

    2. NumericUpDown sum 컨트롤을 클릭합니다.

    3. TabIndex 속성을 2로 설정합니다.

    4. 다른 NumericUpDown 컨트롤을 설정합니다. 즉, difference 컨트롤의 TabIndex 속성을 3으로 설정하고, product 컨트롤의 TabIndex 속성을 4로 설정하고, quotient 컨트롤의 TabIndex 속성을 5로 설정합니다.이제 폼이 다음 그림과 같이 됩니다.

       초기 수학 퀴즈 폼

       

    [!참고]

    TabIndex 속성은 사용자가 Tab 키를 누를 때 컨트롤의 순서를 설정하기 위한 것입니다.파일 메뉴에서 열기를 클릭하는 등의 작업을 수행하여 아무 대화 상자나 열고 Tab 키를 여러 번 누릅니다.Tab 키를 누를 때마다 커서가 컨트롤 사이에서 어떻게 이동하는지 살펴봅니다.이러한 순서는 폼이 처음 디자인될 때 프로그래머에 의해 설정됩니다.

14. TabIndex 속성이 어떻게 작동하는지 보려면 프로그램을 저장하고 실행한 다음 Tab 키를 여러 번 누릅니다.

계속하거나 검토하려면

• 다음 자습서 단계로 이동하려면 2단계: 난수 더하기 문제 만들기를 참조하십시오.

• 개요 항목으로 돌아가려면 자습서 3: 수학 퀴즈 만들기를 참조하십시오.