IT 이모저모

ASP.NET Core와 ComponentOne를 사용하여 멀티 플랫폼에서 동작하는 Web 응용 프로그램을 만들기 - 1

exien 2018. 3. 19. 12:58

다운로드  샘플 파일 (617.0 KB)

 ASP.NET Core는 ASP.NET MVC를 기반으로 새롭게 디자인 된 멀티 플랫폼에서 사용할 수있는 Web 앱 개발을 할 수있는 오픈 소스 기반 기술입니다. 그러나 실제 Web 응용 프로그램을 만들고 응용 프로그램을 호스팅하는 방법은 각각의 플랫폼에 따라 다릅니다. 또한 그레이프 시티의 "ComponentOne Studio for ASP.NET MVC '도 ASP.NET Core 2.0를 지원하고 있습니다.











 이번부터 2 회에 걸쳐 다음과 같은 점에 대해 소개하고자합니다.

  • 그레이프 시티의 "ComponentOne Studio for ASP.NET MVC」를 ASP.NET Core 2.0에서 사용하는 방법
  • 크로스 플랫폼에서 작동하는 Web 응용 프로그램 만들기
  • 플랫폼 별 개발에서 Web 서버에 호스트 할 때까지의 단계

 본 기사에서는 "ComponentOne Studio for ASP.NET MVC"를 사용하여 Windows 환경에서 ASP.NET Core 앱 개발 단계에 대해 소개합니다.

대상

  • C # / ASP.NET MVC 등을 이용한 Web 어플리케이션 개발 경험자

 ASP.NET Core 2.0를 사용하여 Web 응용 프로그램의 개발 내용은 다음 기사를 추천합니다.

필요한 환경

 본문의 샘플 코드를 실행하는 경우, ComponentOne Studio for ASP.NET MVC의 설치가 필요합니다.

 ComponentOne Studio for ASP.NET MVC는 다음 페이지의 화살표에있는 링크에서 체험판을 다운로드 할 수 있습니다.

ComponentOne Studio 사이트
ComponentOne Studio 사이트

이번 이용하는 구성 요소

 이번 ComponentOne Studio for ASP.NET MVC보다 차트 및 게이지와 같은 시각화에 특화 한 컨트롤에서 Input의 입력 시스템 컨트롤을 사용하여 Web 응용 프로그램의 샘플을 만듭니다.

FlexChart for ASP.NET MVC

 FlexChart는 Web 응용 프로그램에서 다양한 수치 데이터를 시각화하는 데 사용할 수있는 강력한 컨트롤입니다.

 데이터 수집이 있으면, 막대, 가로 막대, 버블, 촛대, 선, Scatter 등 다양한 차트를 매우 간단한 방법으로 표시 할 수 있습니다.

FlexChart
FlexChart

Guages ​​for ASP.NET MVC

 Guages ​​숫자의 비율 · 비율 등을 시각화하여 표현하는 독특한 컨트롤입니다.

 비율 · 비율이 시각화되는 것으로, 단순한 수치 표현에 비해 직관적으로 이해할 수 있습니다.

Guages
Guages

InputNumber (Input for ASP.NET MVC)

 InputNumber 숫자를 입력하기위한 컨트롤입니다.

 일반 텍스트에서 정수 값을 입력하는 것 외에 스핀 버튼 (+, - 버튼)을 사용하여 입력 값의 증감이나, 통화, 백분율 등 서식있는 텍스트 상자에 입력 할 수 있습니다.

InputNumber
InputNumber

InputDateTime (Input for ASP.NET MVC)

 InputDatetime은 날짜와 시간을 입력하기위한 컨트롤입니다.

 입력 방법은 서식있는 텍스트 상자에 입력하거나 드롭 다운 상자에 표시되는 달력 컨트롤에서 선택하여 입력 할 수 있습니다.

 그 밖에도 날짜 입력에 특화된 InputDate 시간 입력에 특화된 InputTime 등의 컨트롤도 있습니다.

InputDatetime (날짜 선택 화면)
InputDatetime (날짜 선택 화면)
InputDatetime (시간 선택 화면)
InputDatetime (시간 선택 화면)

MultiAutoComplete (Input for ASP.NET MVC)

 MultiAutoComplete 사용자 정의 개체의 항목과 문자열 항목 등의 목록에서 여러 항목을 선택할 수 있습니다.

 컨트롤 이름과 같이 입력 필드에 텍스트를 입력하면 해당 항목의 목록을 표시합니다.

 해당 목록에서 항목을 선택하면 입력 필드에 해당 항목이 추가됩니다.

Guages
Guages

크로스 플랫폼에서 작동하는 Web 어플

 전술 한 바와 같이, ASP.NET Core에서 만든 Web 응용 프로그램은 Windows, Mac 또는 Linux 플랫폼에서 동작시킬 수 있습니다.

 이것은 관리되는 코드로 작성된 "Kestrel"라는 Web 서버 기능 이 .NET Core에서 호스팅되는 단일 콘솔 응용 프로그램 으로 구현되어 있기 때문입니다.

 그러나 Kestrel은 많은 Web 서버가있는 다음과 같은 기능을 지원하지 않기 때문에 호스트하기 위해 리버스 프록시로 IIS, Nginx, Apache 등을 이용할 수 있습니다.

  • 단일 서버에 동일한 IP와 포트를 공유하는 여러 응용 프로그램이있는 경우
  • Web 서버를 게시했을 때의 보안 제한을하고자하는 경우
  • 기존 인프라와의 통합이 필요한 경우
  • 부하 분산 및 SSL 설정의 단순화를 실시하고 싶은 경우
리버스 프록시와 Kestrel
리버스 프록시와 Kestrel

 본고에서는 IIS를 이용한 호스팅 구성을 설명합니다.