엔지엠소프트웨어

디자이너 NGM Designer - 변수 값을 강제로 고정시키는 방법. (콤보 박스 또는 드롭 다운 리스트)

목록
- 검색
- 닫기

페이지 정보

작성자 엔지엠소프트웨어 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물
댓글

댓글 0건 조회Hit 13,729회 작성일Date 20-01-21 08:33

본문

안녕하세요. 소심비형입니다. 오늘은 변수 값을 사용자가 임의로 입력하는 게 아닌 목록에서 선택할 수 있도록 하는 방법에 대해 알아보도록 하겠습니다. 이 방식은 사용자의 실수를 줄이고, 개발자는 미리 정해진 값을 입력받을 수 있기 때문에 안정성이 보장됩니다. 보통은 콤보 박스 또는 드롭 다운 리스트 컨트롤을 이용하여 처리합니다. 아래 그림과 같은 거죠^^

사용자에게 자유를 주는 것도 좋지만, 통제된 환경에서 안정적인 서비스를 제공하는 것도 좋은 방법입니다. 여담이지만~ 개발 트렌드도 자유에서 통제로... 통제에서 자유로 이동되어 왔습니다. 자유를 주면 처리해야 할 예외 상황이 많아지고, 어떤 상황이 발생할지 개발자가 통제하지 못해서 항상 불안한 마음을 떨칠 수 없게 됩니다. 그렇다고 해서 너무 통제만 하면 확장성과 범용성을 해치기 때문에 바른 길이라고 말하기는 어렵습니다.

위 그림이 정확한 건 아니지만~ 전통적으로 Strong type을 선호하다가 웹의 발전으로 Dynamic type이 각광을 받았습니다. 지금도 파이썬이 인기 있는 이유가 있죠^^; 하지만, 트렌드는 돌고 도는지라 지금은 또다시 Strong type으로 회귀하고 있습니다. 물론, C#의 경우에는 Strong type과 Dynamic type이 공존하기도 합니다. 자바스크립트는 전통적인 Dynamic type의 언어였습니다. 하지만 시대가 변화하고 업무 복잡도가 높아지면서 유지보수에 많은 어려움과 비용을 지출하게 됩니다. 그래서 지금은 TypeScript와 결합하여 Strong type을 사용하는 방향으로 나아가고 있습니다.

콤보박스를 설명하면서 부연설명이 좀 길어졌네요-_-; 새로운 프로젝트를 만드는 방법부터 천천히 진행하도록 하겠습니다. 이 예제를 학습하기 전에 개발 환경을 먼저 구성해야 합니다. 개발 환경을 구성하는 방법은 아래 링크를 확인하세요.

[ 개발 환경 구성하기 ], [ NGM 디자이너 설치하기 ]

비주얼 스튜디오를 실행하고 새로운 프로젝트를 생성합니다.

메뉴의 파일 > 새로 만들기 > 프로젝트를 클릭하세요.

내 컴퓨터의 로컬 위치에 Windows Forms 프로젝트를 생성해줍니다.

1. 찾아보기 클릭

2. 프로젝트를 저장할 위치 선택 (바탕 화면 선택)

3. Windows Forms 앱(.NET Framework) 선택

4. MyNGMPlayer 프로젝트 이름 입력

5. .NET Framework 버전 선택 (4.6.1)

6. 솔루션용 디렉터리 만들기 체크

7. 확인 버튼 클릭

도구 상자에 NGM Designer는 설치되어 있으므로 아래 내용을 참고해서 프로젝트에 참조를 추가합니다.

우측 프로젝트의 ①참조에서 우클릭 후 ②참조 추가를 클릭하세요.

참조 관리자 창이 표시되면 우측 하단의 ①찾아보기버튼을 클릭하세요.

NGM Designer가 설치된 폴더로 이동합니다. 이 폴더 안에는 수많은 라이브러리들이 있습니다. 우리가 필요한 모듈을 모두 선택하고 우측 하단의 추가 버튼을 클릭하세요.

NGM.GUI.dll
NGM.Models.dll
NGM.dll
NGM.Controls.dll
NGM.Client.dll
NGM.ResourceManager.dll
NGM.Macro.Engine.dll

참조가 정상적으로 추가되면 아래 그림처럼 선택한 라이브러리들이 표시됩니다.

아래 그림처럼 매인 화면에서 F7(코드 보기)을 누릅니다. 또는 창에서 ①우클릭하여 콘텍스트를 표시하고 ②코드 보기를 클릭해도 됩니다.

아래와 같이 13라인의 Form을 NGM.GUI.ComponentDefault.MainView로 수정합니다.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
 
namespace MyNGMPlayer
{
    public partial class Form1 : NGM.GUI.ComponentDefault.MainView
    {
        public Form1()
        {
            InitializeComponent();
        }
    }
}

Colored by Color Scripter

이미 여러 번 동일한 작업을 해왔기 때문에 처음부터 매뉴얼을 정독하신 분들은 쉽게 따라 하셨을 겁니다. 하지만, 중간부터 내용을 보신 분들은 약간 어려울 수도 있습니다. 막히는 부분은 댓글로 질문 남겨주시면 답글 달아놓도록 할게요^^;

Shift+F7을 눌러서 디자인 보기로 이동하세요. 그리고 아래 그림과 같이 ①기본 폼의 ②크기를 변경해줍니다.

스크립트를 추가하고 부모 컨테이너에서 도킹합니다.

도구 상자에서 Script 선택
드래그 앤 드롭으로 폼에 추가
메뉴 표시 버튼 클릭
부모 컨테이너에서 도킹 클릭

스크립트가 전체 화면으로 사이즈가 맞춰집니다. ①속성을 클릭하고 ②SelectScript에서 첨부되어 있는 스크립트를 선택해주세요. 당연히, 이 글에 첨부되어 있는 "여러 가지 변수 형식.ngs" 스크립트를 미리 다운로드 받아놔야 합니다. 지금 받아도 되고요^^;