iconDreamine
← 목록

Dreamine.UI.Blazor

stablev1.0.1

Blazor 다크 테마 컴포넌트 라이브러리 — DreamineDialogService, Popup 등.

NuGetGitHub
#ui#blazor#components
TFM net8.0Package Dreamine.UI.Blazor

Dreamine.UI.Blazor

Dreamine.UI.Blazor는 Dreamine.UI.Wpf.Controls/Dreamine.UI.WinForms/Dreamine.UI.Maui와 동일한 개념의 API를 Blazor 환경에서 제공하는 다크 테마 커스텀 컴포넌트 및 팝업 다이얼로그 서비스 라이브러리입니다.

동일한 개념(IsOn, IsExpanded, DialogResult 스타일의 팝업 결과 등)을 사용하므로, 하나의 ViewModel을 WPF·WinForms·MAUI·Blazor 전체에서 코드 중복 없이 재사용할 수 있습니다.

➡️ English Documentation

이 라이브러리가 해결하는 문제

순수 HTML/Blazor에는 다른 Dreamine 플랫폼들이 가진 상태 LED, Expander, 앱 스타일의 메시지박스/점멸 알람 팝업과 대응하는 요소가 없습니다.

  • 네이티브 상태 LED나 접기/펼치기("Expander") 요소가 없습니다.
  • Blazor는 WPF/WinForms처럼 팝업용 별도 OS 창도 없고, MAUI처럼 모달 페이지 내비게이션도 없습니다 — DreamineDialogService + DreamineDialogHost가 하나의 공유 오버레이 컴포넌트와 요청/응답 패턴으로 이 공백을 채웁니다.
  • 터치 기기는 자동으로 네이티브 화면 키보드를 띄워주지만, 데스크톱 브라우저는 그렇지 않습니다 — 텍스트 입력창을 클릭해도 아무것도 뜨지 않는데, 이는 MAUI Windows 데스크톱 모드와 똑같은 공백입니다. DreamineVirtualKeyboard가 WinForms/MAUI와 동일한 화면 QWERTY 데모를 제공합니다.

주요 기능

  • DreamineCheckLed — On/Off, CSS 애니메이션 펄스, 가변 지름, position: relative 컨테이너 위에 배지처럼 얹을 수 있는 Corner 앵커(TopLeft/TopRight/BottomLeft/BottomRight)
  • DreamineExpander — 헤더 화살표 토글, IsExpanded 양방향 바인딩이 있는 접기/펼치기 패널
  • DreamineVirtualKeyboard — 데스크톱 브라우저 데모용 화면 QWERTY 키보드(숫자, 기호, Shift, Enter), Value/ValueChanged로 임의의 string에 양방향 바인딩
  • DreamineDialogService / DreamineDialogHost — Scoped 서비스 + (레이아웃에 한 번만 배치하는) 호스트 컴포넌트 조합으로 ShowMessageBoxAsync/ShowOkCancelAsync/ShowYesNoAsync/ShowBlinkAsync를 제공하며, 모두 Task<DreamineDialogResult>를 반환합니다

요구 사항

  • 대상 프레임워크: net8.0
  • 의존 패키지:
    • Microsoft.AspNetCore.Components.Web

설치

NuGet

dotnet add package Dreamine.UI.Blazor

PackageReference

<PackageReference Include="Dreamine.UI.Blazor" />

연결 방법

// Program.cs
builder.Services.AddScoped<DreamineDialogService>();

@* MainLayout.razor — 레이아웃 어디든 한 번만 배치 *@
<DreamineDialogHost />

@* _Imports.razor *@
@using Dreamine.UI.Blazor

<!-- App.razor <head> — 라이브러리의 컴포넌트 스코프 CSS가 로드되려면 필수 -->
<link rel="stylesheet" href="{앱 어셈블리 이름}.styles.css" />

프로젝트 구조

Dreamine.UI.Blazor
├── DreamineCheckLed.razor(.css)
├── DreamineCheckLedCorner.cs
├── DreamineExpander.razor(.css)
├── DreamineVirtualKeyboard.razor(.css)
├── DreamineDialogService.cs
├── DreamineDialogHost.razor(.css)
├── DreamineDialogResult.cs
└── BlinkPopupOptions.cs

아키텍처 역할

Microsoft.AspNetCore.Components.Web
        │
Dreamine.UI.Blazor       ← 이 패키지
        │
SampleCrossUi.Blazor
애플리케이션 코드

빠른 시작

<DreamineCheckLed IsOn="@isRunning" IsPulse="@isAlarming" />

<DreamineExpander Header="상세 옵션" @bind-IsExpanded="showAdvanced">
    <p>펼쳤을 때만 보이는 내용입니다.</p>
</DreamineExpander>

<input @bind="text" @bind:event="oninput" @onfocus="() => showKeyboard = true" />
<DreamineVirtualKeyboard IsVisible="showKeyboard" Value="@text" ValueChanged="v => text = v"
                         OnEnter="() => showKeyboard = false" />

@inject DreamineDialogService DialogService

var result = await DialogService.ShowMessageBoxAsync(
    "작업이 성공적으로 완료되었습니다.", "완료", autoClickDelaySeconds: 5);

var alarmResult = await DialogService.ShowBlinkAsync(new BlinkPopupOptions
{
    Title = "⚠ ALARM",
    Message = "설비 이상이 감지되었습니다.\n운영자 확인이 필요합니다.",
    UseBlink = true,
    Color1 = "#B41E1E",
    Color2 = "#500A0A",
    ForegroundColor = "#FFD700",
    OkText = "확인",
    CancelText = "취소"
});

컴포넌트 참조

DreamineCheckLed

파라미터 타입 설명
IsOn bool LED 켜짐/꺼짐
IsPulse bool IsOn이 true일 때 CSS @keyframes 페이드 애니메이션 활성화
Diameter double LED 원의 지름(px, 기본값 24)
Corner DreamineCheckLedCorner? 지정하면 부모(position: relative여야 함)의 특정 모서리에 절대 위치로 배치 — 배지 스타일 배치에 사용

DreamineExpander

파라미터 타입 설명
Header string 헤더 텍스트
IsExpanded bool 펼침/접힘 상태 — @bind-IsExpanded 지원
ChildContent RenderFragment? 펼쳤을 때 보이는 내부 콘텐츠

DreamineVirtualKeyboard

파라미터 타입 설명
IsVisible bool 키보드 표시/숨김
Value / ValueChanged string 양방향 바인딩되는 텍스트 — 키는 끝에 추가, Backspace는 끝 글자 삭제(JS 인터롭이 없어서 커서 위치 추적은 안 함)
OnEnter EventCallback Enter 탭 시 발생 — 보통 키보드를 숨기는 데 사용

한 번 탭하면 다음 키 하나만 대문자/기호로 바뀌고 자동으로 해제되며, 더블탭하면 Caps Lock으로 고정됩니다(다시 탭하면 해제) — JS 인터롭 없이 서버 왕복 사이의 DateTime.Now 차이만으로 더블탭을 판별합니다.

DreamineDialogService

Task<DreamineDialogResult> ShowMessageBoxAsync(string message, string title = "Information", int autoClickDelaySeconds = 0);
Task<DreamineDialogResult> ShowOkCancelAsync(string message, string title = "Confirm");
Task<DreamineDialogResult> ShowYesNoAsync(string message, string title = "Question");
Task<DreamineDialogResult> ShowBlinkAsync(BlinkPopupOptions options);

이 서비스는 한 번에 최대 하나의 Current 요청만 들고 있다가 바뀌면 RequestChanged를 발생시키고, DreamineDialogHost가 버튼 클릭이나 자동닫힘 타이머에서 Complete(result)를 호출하면 대기 중인 Task가 완료됩니다.

DreamineDialogResult

public enum DreamineDialogResult { None, OK, Cancel, Yes, No }

MAUI 라이브러리와 동일한 플랫폼 독립적 결과 enum입니다 — WPF의 MessageBoxResult / WinForms의 DialogResult와 같은 개념입니다.

구현 특이사항

  • DreamineDialogHost는 점멸 애니메이션과 1초마다 갱신되는 자동닫힘 카운트다운 모두에 System.Threading.Timer를 사용합니다. 타이머 콜백은 Blazor 렌더링 동기화 컨텍스트 밖에서 실행되므로, 상태를 바꿀 때마다 InvokeAsync(StateHasChanged)를 호출합니다.
  • 한 번에 하나의 팝업만 활성화될 수 있습니다 — 하나가 열려 있는 동안 다른 Show*Async를 호출하면 기존 요청이 교체되고, 이전 호출의 Task는 완료되지 않은 채로 남습니다(다른 플랫폼들과 마찬가지로 "한 번에 모달 하나"를 그대로 따른 것입니다).
  • 컴포넌트 스코프 CSS(*.razor.css)는 빌드 시 Dreamine.UI.Blazor.styles.css로 묶여서, 사용하는 앱이 자기 자신의 {어셈블리 이름}.styles.css를 App.razor에서 참조하고 있어야 자동으로 가져와집니다 — 대부분의 최소 Blazor 템플릿은 기본적으로 이 줄이 빠져 있습니다.

크로스플랫폼 노트

Dreamine.UI.Blazor는 Dreamine.UI.Wpf.Controls / Dreamine.UI.WinForms / Dreamine.UI.Maui의 개념을 의도적으로 미러링하여 ViewModel이 이식 가능합니다.

// 공유 ViewModel
public class EquipmentViewModel : INotifyPropertyChanged
{
    public bool IsRunning { get; set; }
}

<!-- Blazor -->
<DreamineCheckLed IsOn="@ViewModel.IsRunning" />

라이선스

MIT License

구조 다이어그램

classDiagram
    class DreamineComponentBase {
        <<abstract>>
        +bool IsLoading
        +string? ErrorMessage
        +bool HasError
        #InvokeAsync~T~(Func~Task~T~~) Task~T~
        #HandleErrorAsync(Func~Task~) Task
    }
    class DreamineLayout {
        <<abstract>>
        +string Title
        +bool ShowSidebar
        +bool ShowHeader
    }
    class DreamineNavMenu {
        +IEnumerable~NavItem~ Items
        +string ActiveUrl
        +bool IsCollapsed
    }
    class DreamineDataTable~T~ {
        +IEnumerable~T~ Items
        +int PageSize
        +int CurrentPage
        +bool IsLoading
        +EventCallback~T~ OnRowClick
    }
    class DreamineModal {
        +bool IsVisible
        +string Title
        +RenderFragment Content
        +EventCallback OnClose
        +Show() void
        +Hide() void
    }
    class DreamineToast {
        +ToastLevel Level
        +string Message
        +int DurationMs
        +Show(string, ToastLevel) void
    }
    ComponentBase <|-- DreamineComponentBase
    LayoutComponentBase <|-- DreamineLayout
    DreamineComponentBase <|-- DreamineNavMenu
    DreamineComponentBase <|-- DreamineDataTable~T~
    DreamineComponentBase <|-- DreamineModal
    DreamineComponentBase <|-- DreamineToast

API 문서

타입

BlinkPopupOptions

\if KO Blazor 깜빡임 팝업의 콘텐츠, 색상 및 애니메이션을 구성합니다. \endif \if EN Configures the content, colors, and animation of a Blazor blinking popup. \endif

DialogRequest

\if KO 호스트 컴포넌트가 렌더링할 대화 상자의 불변 구성과 런타임 카운트다운 상태를 나타냅니다. \endif \if EN Represents the immutable configuration and runtime countdown state of a dialog rendered by the host component. \endif

DreamineButtonSize

\if KO Dreamine 버튼의 크기 변형을 지정합니다. \endif \if EN Specifies size variants for a Dreamine button. \endif

DreamineButtonVariant

\if KO Dreamine 버튼의 의미 기반 색상 변형을 지정합니다. \endif \if EN Specifies semantic color variants for a Dreamine button. \endif

DreamineCheckLedCorner

\if KO 체크 LED를 배치할 네 모서리 앵커를 지정합니다. \endif \if EN Specifies one of four corner anchors for positioning a check LED. \endif

DreamineDialogResult

\if KO 플랫폼 간 일관된 Blazor 대화 상자 결과를 지정합니다. \endif \if EN Specifies platform-consistent results for Blazor dialogs. \endif

DreamineDialogService

\if KO 현재 대화 상자 요청을 보관하고 호스트 컴포넌트에 상태 변경을 알리는 Blazor 팝업 서비스입니다. \endif \if EN Provides a Blazor popup service that stores the current dialog request and notifies a host component of state changes. \endif

HangulComposer

\if KO 가상 키보드에서 입력한 한글 자모를 표준 완성형 음절로 조합합니다. \endif \if EN Composes Hangul jamo entered through a virtual keyboard into standard precomposed syllables. \endif

HangulEdit

\if KO 한글 입력 적용 시 교체할 문자 수와 삽입할 텍스트를 나타냅니다. \endif \if EN Represents the number of characters to replace and the text to insert for a Hangul input edit. \endif

KeyMap

[KO] 키의 기본, Shift, 한국어 및 표시 레이블 매핑을 나타냅니다.[EN] Represents default, shifted, Korean, and display-label mappings for a key.

VkContext

[KO] JavaScript 입력 요소에서 읽은 값과 선택 범위를 나타냅니다.[EN] Represents a value and selection range read from a JavaScript input element.

BlinkPopupOptions

BlinkIntervalMs Property

\if KO 한 방향 깜빡임 전환 간격을 밀리초 단위로 가져오거나 설정합니다. \endif \if EN Gets or sets the one-way blink transition interval in milliseconds. \endif

CancelText Property

\if KO 취소 버튼 텍스트를 가져오거나 설정합니다. \endif \if EN Gets or sets the Cancel button text. \endif

Color1 Property

\if KO 깜빡임 애니메이션의 첫 번째 CSS 색상을 가져오거나 설정합니다. \endif \if EN Gets or sets the first CSS color of the blinking animation. \endif

Color2 Property

\if KO 깜빡임 애니메이션의 두 번째 CSS 색상을 가져오거나 설정합니다. \endif \if EN Gets or sets the second CSS color of the blinking animation. \endif

ForegroundColor Property

\if KO 팝업 콘텐츠의 CSS 전경색을 가져오거나 설정합니다. \endif \if EN Gets or sets the CSS foreground color of the popup content. \endif

Message Property

\if KO 팝업 메시지를 가져오거나 설정합니다. \endif \if EN Gets or sets the popup message. \endif

OkText Property

\if KO 확인 버튼 텍스트를 가져오거나 설정합니다. \endif \if EN Gets or sets the OK button text. \endif

Title Property

\if KO 팝업 제목을 가져오거나 설정합니다. \endif \if EN Gets or sets the popup title. \endif

UseBlink Property

\if KO 배경 깜빡임 효과를 사용할지 여부를 가져오거나 설정합니다. \endif \if EN Gets or sets whether the background blinking effect is enabled. \endif

DialogRequest

AutoClickRemainingSeconds Property

\if KO 자동 선택까지 남은 초를 가져오거나 설정합니다. \endif \if EN Gets or sets the number of seconds remaining before automatic selection. \endif

AutoClickResult Property

\if KO 카운트다운이 끝날 때 자동으로 선택할 결과를 가져옵니다. \endif \if EN Gets the result selected automatically when the countdown expires. \endif

BlinkIntervalMs Property

\if KO 깜빡임 전환 간격을 밀리초 단위로 가져옵니다. \endif \if EN Gets the blink transition interval in milliseconds. \endif

Buttons Property

\if KO 결과 값과 표시 텍스트로 구성된 버튼 목록을 가져옵니다. \endif \if EN Gets the button list composed of result values and display text. \endif

Color1 Property

\if KO 첫 번째 배경 CSS 색상을 가져옵니다. \endif \if EN Gets the first background CSS color. \endif

Color2 Property

\if KO 두 번째 배경 CSS 색상을 가져옵니다. \endif \if EN Gets the second background CSS color. \endif

ForegroundColor Property

\if KO 콘텐츠의 CSS 전경색을 가져옵니다. \endif \if EN Gets the CSS foreground color of the content. \endif

Message Property

\if KO 대화 상자 메시지를 가져옵니다. \endif \if EN Gets the dialog message. \endif

Title Property

\if KO 대화 상자 제목을 가져옵니다. \endif \if EN Gets the dialog title. \endif

UseBlink Property

\if KO 배경 깜빡임 효과를 사용할지 여부를 가져옵니다. \endif \if EN Gets whether the background blinking effect is enabled. \endif

DreamineButton

OnClickHandler Method

[KO] 활성 상태의 버튼 클릭을 구성된 콜백으로 전달합니다.[EN] Forwards an enabled button click to the configured callback.

반환: [KO] 콜백 호출을 나타내는 작업입니다.[EN] A task representing the callback invocation.

ChildContent Property

[KO] 버튼 내부에 렌더링할 콘텐츠를 가져오거나 설정합니다.[EN] Gets or sets the content rendered inside the button.

Disabled Property

[KO] 버튼을 비활성화할지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the button is disabled.

OnClick Property

[KO] 버튼을 클릭할 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the button is clicked.

Size Property

[KO] 버튼 크기를 가져오거나 설정합니다.[EN] Gets or sets the button size.

SizeClass Property

[KO] 현재 크기 변형에 대응하는 CSS 클래스를 가져옵니다.[EN] Gets the CSS class corresponding to the current size variant.

Variant Property

[KO] 버튼의 의미 기반 색상 변형을 가져오거나 설정합니다.[EN] Gets or sets the semantic color variant of the button.

VariantClass Property

[KO] 현재 색상 변형에 대응하는 CSS 클래스를 가져옵니다.[EN] Gets the CSS class corresponding to the current color variant.

DreamineButtonSize

Large Field

\if KO 큰 버튼 크기를 사용합니다. \endif \if EN Uses the large button size. \endif

Normal Field

\if KO 기본 버튼 크기를 사용합니다. \endif \if EN Uses the normal button size. \endif

Small Field

\if KO 작은 버튼 크기를 사용합니다. \endif \if EN Uses the small button size. \endif

DreamineButtonVariant

Danger Field

\if KO 위험 동작 버튼 스타일을 사용합니다. \endif \if EN Uses the dangerous-action button style. \endif

Default Field

\if KO 기본 버튼 스타일을 사용합니다. \endif \if EN Uses the default button style. \endif

Ghost Field

\if KO 배경이 강조되지 않는 고스트 버튼 스타일을 사용합니다. \endif \if EN Uses a low-emphasis ghost button style. \endif

Primary Field

\if KO 주요 동작 버튼 스타일을 사용합니다. \endif \if EN Uses the primary-action button style. \endif

Success Field

\if KO 성공 동작 버튼 스타일을 사용합니다. \endif \if EN Uses the success-action button style. \endif

Warning Field

\if KO 경고 동작 버튼 스타일을 사용합니다. \endif \if EN Uses the warning-action button style. \endif

DreamineCheckBox

OnChange Method

[KO] 브라우저 변경 값을 Boolean 상태로 변환하고 변경 콜백을 호출합니다.[EN] Converts the browser change value to Boolean state and invokes the change callback.

e— [KO] 브라우저 입력 변경 이벤트 인수입니다.[EN] The browser input change event arguments.

반환: [KO] 상태 전달을 나타내는 작업입니다.[EN] A task representing propagation of the state.

Checked Property

[KO] 체크 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the check box is checked.

CheckedChanged Property

[KO] 체크 상태가 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the checked state changes.

ChildContent Property

[KO] 체크 상자 옆에 렌더링할 콘텐츠를 가져오거나 설정합니다.[EN] Gets or sets the content rendered next to the check box.

Disabled Property

[KO] 체크 상자를 비활성화할지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the check box is disabled.

DreamineCheckLed

Corner Property

[KO] 부모 영역에서 LED를 고정할 선택적 모서리를 가져오거나 설정합니다.[EN] Gets or sets the optional corner to which the LED is anchored within its parent.

CornerStyle Property

[KO] 선택한 모서리에 대응하는 인라인 CSS 배치 스타일을 가져옵니다.[EN] Gets the inline CSS positioning style corresponding to the selected corner.

Diameter Property

[KO] LED 지름을 CSS 픽셀 단위로 가져오거나 설정합니다.[EN] Gets or sets the LED diameter in CSS pixels.

IsOn Property

[KO] LED가 켜져 있는지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the LED is on.

IsPulse Property

[KO] 켜진 LED에 맥동 애니메이션을 적용할지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether a pulse animation is applied to the illuminated LED.

DreamineCheckLedCorner

BottomLeft Field

\if KO 왼쪽 아래 모서리에 배치합니다. \endif \if EN Positions the LED at the bottom-left corner. \endif

BottomRight Field

\if KO 오른쪽 아래 모서리에 배치합니다. \endif \if EN Positions the LED at the bottom-right corner. \endif

TopLeft Field

\if KO 왼쪽 위 모서리에 배치합니다. \endif \if EN Positions the LED at the top-left corner. \endif

TopRight Field

\if KO 오른쪽 위 모서리에 배치합니다. \endif \if EN Positions the LED at the top-right corner. \endif

DreamineComboBox

OnChange Method

[KO] 브라우저 선택 값을 현재 항목에 반영하고 변경 콜백을 호출합니다.[EN] Applies the browser selection to the current item and invokes the change callback.

e— [KO] 선택 변경 이벤트 인수입니다.[EN] The selection change event arguments.

반환: [KO] 선택 변경 전달을 나타내는 작업입니다.[EN] A task representing propagation of the selection change.

Disabled Property

[KO] 콤보 상자를 비활성화할지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the combo box is disabled.

Items Property

[KO] 선택 목록에 표시할 항목을 가져오거나 설정합니다.[EN] Gets or sets the items displayed in the selection list.

SelectedItem Property

[KO] 현재 선택한 항목을 가져오거나 설정합니다.[EN] Gets or sets the currently selected item.

SelectedItemChanged Property

[KO] 선택 항목이 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the selected item changes.

DreamineDataGrid`1

ToggleSelectAsync Method

[KO] 지정한 항목의 선택 상태를 전환하고 변경 콜백을 호출합니다.[EN] Toggles selection of the specified item and invokes the change callback.

item— [KO] 선택 상태를 전환할 데이터 항목입니다.[EN] The data item whose selection state is toggled.

반환: [KO] 선택 변경 전달을 나타내는 작업입니다.[EN] A task representing propagation of the selection change.

AllowDeselect Property

[KO] 선택된 행을 다시 클릭하여 선택을 해제할 수 있는지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether clicking a selected row again can clear the selection.

HeaderContent Property

[KO] 표 머리글에 렌더링할 콘텐츠를 가져오거나 설정합니다.[EN] Gets or sets the content rendered in the grid header.

Items Property

[KO] 표에 표시할 데이터 항목을 가져오거나 설정합니다.[EN] Gets or sets the data items displayed in the grid.

RowContent Property

[KO] 각 데이터 행을 렌더링할 템플릿을 가져오거나 설정합니다.[EN] Gets or sets the template used to render each data row.

SelectedItem Property

[KO] 현재 선택한 데이터 항목을 가져오거나 설정합니다.[EN] Gets or sets the currently selected data item.

SelectedItemChanged Property

[KO] 선택 항목이 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the selected item changes.

DreamineDialogHost

Dispose Method

[KO] 요청 구독을 해제하고 호스트가 소유한 타이머를 해제합니다.[EN] Removes the request subscription and disposes timers owned by the host.

OnInitialized Method

[KO] 대화 상자 요청 구독과 자동 선택 타이머를 초기화합니다.[EN] Initializes dialog-request subscription and the automatic-selection timer.

OnRequestChanged Method

[KO] 현재 요청에 맞게 깜빡임 타이머를 다시 구성하고 컴포넌트 렌더링을 예약합니다.[EN] Reconfigures the blink timer for the current request and schedules component rendering.

DreamineDialogResult

Cancel Field

\if KO 사용자가 취소를 선택했음을 나타냅니다. \endif \if EN Indicates that the user selected Cancel. \endif

No Field

\if KO 사용자가 아니요를 선택했음을 나타냅니다. \endif \if EN Indicates that the user selected No. \endif

None Field

\if KO 선택된 결과가 없음을 나타냅니다. \endif \if EN Indicates that no result was selected. \endif

OK Field

\if KO 사용자가 확인을 선택했음을 나타냅니다. \endif \if EN Indicates that the user selected OK. \endif

Yes Field

\if KO 사용자가 예를 선택했음을 나타냅니다. \endif \if EN Indicates that the user selected Yes. \endif

DreamineDialogService

Complete Method

\if KO 현재 대화 상자를 지정한 결과로 완료하고 대기 중인 작업을 해제합니다. \endif \if EN Completes the current dialog with the specified result and releases the pending task. \endif

result— \if KO 대화 상자의 최종 결과입니다. \endif \if EN The final result of the dialog. \endif
Show Method

\if KO 요청을 현재 대화 상자로 게시하고 완료 결과 작업을 반환합니다. \endif \if EN Publishes a request as the current dialog and returns its completion task. \endif

request— \if KO 게시할 대화 상자 요청입니다. \endif \if EN The dialog request to publish. \endif

반환: \if KO 대화 상자가 완료될 때 결과를 생성하는 작업입니다. \endif \if EN A task that produces the result when the dialog completes. \endif

ShowBlinkAsync Method

\if KO 지정한 옵션으로 깜빡임 대화 상자를 비동기로 표시합니다. \endif \if EN Asynchronously displays a blinking dialog using the specified options. \endif

options— \if KO 대화 상자의 콘텐츠와 표시 옵션입니다. \endif \if EN The content and display options for the dialog. \endif

반환: \if KO 사용자가 선택한 결과를 생성하는 작업입니다. \endif \if EN A task that produces the result selected by the user. \endif

ShowMessageBoxAsync Method

\if KO 확인 버튼이 있는 정보 대화 상자를 비동기로 표시합니다. \endif \if EN Asynchronously displays an informational dialog with an OK button. \endif

message— \if KO 표시할 메시지입니다. \endif \if EN The message to display. \endif
title— \if KO 대화 상자 제목입니다. \endif \if EN The dialog title. \endif
autoClickDelaySeconds— \if KO 확인 버튼을 자동 선택하기 전 대기할 초입니다. 0 이하는 자동 선택을 사용하지 않습니다. \endif \if EN The number of seconds before automatically selecting OK. A non-positive value disables automatic selection. \endif

반환: \if KO 사용자가 선택하거나 자동 선택된 결과를 생성하는 작업입니다. \endif \if EN A task that produces the user-selected or automatically selected result. \endif

ShowOkCancelAsync Method

\if KO 확인 및 취소 버튼이 있는 확인 대화 상자를 비동기로 표시합니다. \endif \if EN Asynchronously displays a confirmation dialog with OK and Cancel buttons. \endif

message— \if KO 표시할 메시지입니다. \endif \if EN The message to display. \endif
title— \if KO 대화 상자 제목입니다. \endif \if EN The dialog title. \endif

반환: \if KO 사용자가 선택한 결과를 생성하는 작업입니다. \endif \if EN A task that produces the result selected by the user. \endif

ShowYesNoAsync Method

\if KO 예 및 아니요 버튼이 있는 질문 대화 상자를 비동기로 표시합니다. \endif \if EN Asynchronously displays a question dialog with Yes and No buttons. \endif

message— \if KO 표시할 질문입니다. \endif \if EN The question to display. \endif
title— \if KO 대화 상자 제목입니다. \endif \if EN The dialog title. \endif

반환: \if KO 사용자가 선택한 결과를 생성하는 작업입니다. \endif \if EN A task that produces the result selected by the user. \endif

TickAutoClick Method

\if KO 자동 선택 카운트다운을 1초 줄이고 만료 시 구성된 결과로 대화 상자를 완료합니다. \endif \if EN Decrements the automatic-selection countdown by one second and completes the dialog with the configured result when it expires. \endif

Current Property

\if KO 현재 표시 중인 대화 상자 요청을 가져옵니다. \endif \if EN Gets the dialog request currently being displayed. \endif

_tcs Field

\if KO tcs 값을 보관합니다. \endif \if EN Stores the tcs value. \endif

RequestChanged Event

\if KO 현재 대화 상자 요청 또는 카운트다운 상태가 변경될 때 발생합니다. \endif \if EN Occurs when the current dialog request or countdown state changes. \endif

DreamineExpander

Toggle Method

[KO] 확장 상태를 전환하고 변경 콜백을 호출합니다.[EN] Toggles the expansion state and invokes the change callback.

반환: [KO] 상태 변경 전달을 나타내는 작업입니다.[EN] A task representing propagation of the state change.

ChildContent Property

[KO] 확장 영역 내부에 렌더링할 콘텐츠를 가져오거나 설정합니다.[EN] Gets or sets the content rendered inside the expandable region.

Header Property

[KO] 확장 영역의 머리글 텍스트를 가져오거나 설정합니다.[EN] Gets or sets the header text of the expandable region.

IsExpanded Property

[KO] 콘텐츠가 펼쳐져 있는지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the content is expanded.

IsExpandedChanged Property

[KO] 확장 상태가 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the expansion state changes.

DreamineLightBulb

AriaLabel Property

[KO] 현재 상태에 대응하는 접근성 레이블을 가져옵니다.[EN] Gets the accessibility label corresponding to the current state.

Diameter Property

[KO] 전구 지름을 CSS 픽셀 단위로 가져오거나 설정합니다.[EN] Gets or sets the light-bulb diameter in CSS pixels.

IsOn Property

[KO] 전구가 켜져 있는지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the light bulb is on.

OffLabel Property

[KO] 꺼진 상태의 접근성 레이블을 가져오거나 설정합니다.[EN] Gets or sets the accessibility label for the off state.

OnLabel Property

[KO] 켜진 상태의 접근성 레이블을 가져오거나 설정합니다.[EN] Gets or sets the accessibility label for the on state.

DreamineListBox

SelectAsync Method

[KO] 지정한 항목을 선택하고 구성된 콜백을 순서대로 호출합니다.[EN] Selects the specified item and invokes the configured callbacks in order.

item— [KO] 선택하고 활성화할 항목입니다.[EN] The item to select and activate.

반환: [KO] 콜백 호출을 나타내는 작업입니다.[EN] A task representing the callback invocations.

Items Property

[KO] 목록에 표시할 항목을 가져오거나 설정합니다.[EN] Gets or sets the items displayed in the list.

OnActivate Property

[KO] 항목을 활성화할 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when an item is activated.

SelectedItem Property

[KO] 현재 선택한 항목을 가져오거나 설정합니다.[EN] Gets or sets the currently selected item.

SelectedItemChanged Property

[KO] 선택 항목이 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the selected item changes.

DreamineNumericSlider

OnInput Method

[KO] 브라우저 입력을 숫자로 변환하여 값과 변경 콜백에 반영합니다.[EN] Converts browser input to a number and applies it to the value and change callback.

e— [KO] 범위 입력 변경 이벤트 인수입니다.[EN] The range-input change event arguments.

반환: [KO] 값 변경 전달을 나타내는 작업입니다.[EN] A task representing propagation of the value change.

Max Property

[KO] 선택 가능한 최댓값을 가져오거나 설정합니다.[EN] Gets or sets the maximum selectable value.

Min Property

[KO] 선택 가능한 최솟값을 가져오거나 설정합니다.[EN] Gets or sets the minimum selectable value.

Step Property

[KO] 값 변경 증분을 가져오거나 설정합니다.[EN] Gets or sets the value increment.

Value Property

[KO] 슬라이더의 현재 숫자 값을 가져오거나 설정합니다.[EN] Gets or sets the current numeric value of the slider.

ValueChanged Property

[KO] 숫자 값이 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the numeric value changes.

DreamineRadioButton

OnChange Method

[KO] 이 라디오 버튼의 값을 선택하고 변경 콜백을 호출합니다.[EN] Selects this radio button's value and invokes the change callback.

반환: [KO] 선택 변경 전달을 나타내는 작업입니다.[EN] A task representing propagation of the selection change.

ChildContent Property

[KO] 라디오 버튼 옆에 렌더링할 콘텐츠를 가져오거나 설정합니다.[EN] Gets or sets the content rendered next to the radio button.

Name Property

[KO] 상호 배타적 라디오 그룹의 이름을 가져오거나 설정합니다.[EN] Gets or sets the name of the mutually exclusive radio group.

SelectedValue Property

[KO] 그룹에서 현재 선택된 값을 가져오거나 설정합니다.[EN] Gets or sets the value currently selected in the group.

SelectedValueChanged Property

[KO] 선택 값이 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the selected value changes.

Value Property

[KO] 이 라디오 버튼이 나타내는 값을 가져오거나 설정합니다.[EN] Gets or sets the value represented by this radio button.

DreamineTextBox

OnInput Method

[KO] 브라우저 입력 값을 현재 텍스트에 반영하고 변경 콜백을 호출합니다.[EN] Applies the browser input value to the current text and invokes the change callback.

e— [KO] 텍스트 입력 변경 이벤트 인수입니다.[EN] The text-input change event arguments.

반환: [KO] 값 변경 전달을 나타내는 작업입니다.[EN] A task representing propagation of the value change.

Hint Property

[KO] 입력 전 표시할 힌트 텍스트를 가져오거나 설정합니다.[EN] Gets or sets the hint text displayed before input.

IsPassword Property

[KO] 입력을 암호로 마스킹할지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether input is masked as a password.

OnFocus Property

[KO] 텍스트 상자가 포커스를 받을 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the text box receives focus.

ReadOnly Property

[KO] 사용자가 값을 편집할 수 없는지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the user is prevented from editing the value.

Value Property

[KO] 텍스트 상자의 현재 값을 가져오거나 설정합니다.[EN] Gets or sets the current text-box value.

ValueChanged Property

[KO] 텍스트 값이 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the text value changes.

DreamineVirtualKeyboard

ApplyEditAsync Method

[KO] JavaScript 입력 요소의 캐럿 앞 문자를 교체하고 새 텍스트를 삽입하려고 시도합니다.[EN] Attempts to replace characters before the caret and insert new text in the JavaScript input element.

replaceCount— [KO] 캐럿 앞에서 교체할 문자 수입니다.[EN] The number of characters to replace before the caret.
insertText— [KO] 교체 위치에 삽입할 텍스트입니다.[EN] The text to insert at the replacement position.

반환: [KO] 편집에 성공하면 , 그렇지 않으면 입니다.[EN] if the edit succeeds; otherwise, .

Backspace Method

[KO] 포커스 입력 요소 또는 대체 값에서 캐럿 앞 문자를 삭제합니다.[EN] Deletes the character before the caret from the focused input element or fallback value.

반환: [KO] 삭제 작업입니다.[EN] A task representing the deletion operation.

DisposeAsync Method

[KO] JavaScript 키 상태 구독, 모듈 참조 및 .NET 객체 참조를 비동기로 해제합니다.[EN] Asynchronously releases the JavaScript key-state subscription, module reference, and .NET object reference.

반환: [KO] 비동기 해제 작업입니다.[EN] A value task representing asynchronous disposal.

DreamineVkKeyboardStateChanged Method

[KO] JavaScript에서 전달된 물리 Shift 및 Caps Lock 상태를 적용하고 다시 렌더링합니다.[EN] Applies physical Shift and Caps Lock state received from JavaScript and requests a rerender.

shift— [KO] 물리 Shift 키가 눌렸으면 입니다.[EN] if the physical Shift key is pressed.
capsLock— [KO] 물리 Caps Lock이 활성화됐으면 입니다.[EN] if physical Caps Lock is active.

반환: [KO] 상태 변경 렌더링 작업입니다.[EN] A task representing rendering after the state change.

FallbackAppendAsync Method

[KO] JavaScript 편집을 사용할 수 없을 때 텍스트를 로컬 값 끝에 추가합니다.[EN] Appends text to the local value when JavaScript editing is unavailable.

text— [KO] 추가할 텍스트입니다.[EN] The text to append.

반환: [KO] 로컬 값과 변경 콜백 갱신 작업입니다.[EN] A task representing the local-value and change-callback update.

FallbackHangulInsertAsync Method

[KO] JavaScript 편집을 사용할 수 없을 때 로컬 값의 끝에서 한글 자모를 조합합니다.[EN] Composes Hangul jamo at the end of the local value when JavaScript editing is unavailable.

text— [KO] 조합할 한글 자모입니다.[EN] The Hangul jamo to compose.

반환: [KO] 로컬 값과 변경 콜백 갱신 작업입니다.[EN] A task representing the local-value and change-callback update.

GetContextAsync Method

[KO] 현재 포커스된 JavaScript 입력 요소의 값과 선택 범위를 가져오려고 시도합니다.[EN] Attempts to retrieve the value and selection range of the currently focused JavaScript input element.

반환: [KO] 입력 컨텍스트이거나 모듈을 사용할 수 없거나 호출에 실패하면 입니다.[EN] The input context, or when the module is unavailable or the call fails.

Insert Method

[KO] 현재 언어 및 IME 상태에 따라 텍스트를 포커스 입력 요소 또는 대체 값에 삽입합니다.[EN] Inserts text into the focused input element or fallback value according to the current language and IME state.

text— [KO] 삽입할 텍스트입니다.[EN] The text to insert.

반환: [KO] 삽입 작업입니다.[EN] A task representing the insertion operation.

KeyClass Method

[KO] 특수 키의 너비에 맞는 CSS 클래스를 반환합니다.[EN] Returns the CSS class appropriate for the width of a special key.

k— [KO] CSS 클래스를 결정할 키 매핑입니다.[EN] The key mapping whose CSS class is determined.

반환: [KO] 키에 추가할 CSS 클래스이거나 기본 너비이면 빈 문자열입니다.[EN] The CSS class to add to the key, or an empty string for the default width.

KeyLabel Method

[KO] 현재 언어와 수정 키 상태에 맞는 키 표시 문자열을 계산합니다.[EN] Computes the key display string for the current language and modifier state.

k— [KO] 레이블을 계산할 키 매핑입니다.[EN] The key mapping whose label is calculated.

반환: [KO] 화면에 표시할 키 레이블입니다.[EN] The key label to display.

MoveCaretLeft Method

[KO] 한글 조합 상태를 초기화하고 JavaScript 입력 요소의 캐럿을 왼쪽으로 이동합니다.[EN] Resets Hangul composition and moves the caret of the JavaScript input element to the left.

반환: [KO] 캐럿 이동 작업입니다.[EN] A task representing the caret movement.

MoveCaretRight Method

[KO] 한글 조합 상태를 초기화하고 JavaScript 입력 요소의 캐럿을 오른쪽으로 이동합니다.[EN] Resets Hangul composition and moves the caret of the JavaScript input element to the right.

반환: [KO] 캐럿 이동 작업입니다.[EN] A task representing the caret movement.

OnAfterRenderAsync Method

[KO] 첫 렌더링 후 JavaScript 키보드 모듈을 불러오고 물리 키 상태 구독을 시작합니다.[EN] Loads the JavaScript keyboard module and begins physical-key-state subscription after the first render.

firstRender— [KO] 컴포넌트의 첫 렌더링이면 입니다.[EN] when this is the component's first render.

반환: [KO] 렌더링 후 초기화 작업을 나타내는 작업입니다.[EN] A task representing post-render initialization.

OnEnterClicked Method

[KO] 한글 조합을 초기화하고 구성된 Enter 콜백을 호출합니다.[EN] Resets Hangul composition and invokes the configured Enter callback.

반환: [KO] Enter 콜백 호출을 나타내는 작업입니다.[EN] A task representing the Enter callback invocation.

OnHostKeyUp Method

[KO] 물리 키보드 이벤트에서 Caps Lock 상태를 읽어 시각적 상태와 동기화합니다.[EN] Reads Caps Lock state from a physical-keyboard event and synchronizes the visual state.

e— [KO] 브라우저 키보드 이벤트 인수입니다.[EN] The browser keyboard event arguments.
OnKeyClick Method

[KO] 가상 키 클릭을 특수 키 처리 또는 문자 삽입으로 전달합니다.[EN] Routes a virtual-key click to special-key handling or character insertion.

k— [KO] 클릭된 키의 매핑입니다.[EN] The mapping of the clicked key.

반환: [KO] 키 처리 작업입니다.[EN] A task representing key processing.

ToggleCapsLock Method

[KO] 가상 Caps Lock 상태를 전환하고 진행 중인 한글 조합을 초기화합니다.[EN] Toggles virtual Caps Lock and resets any in-progress Hangul composition.

ToggleImeMode Method

[KO] 한국어 레이아웃에서 영문 자모 입력과 한글 조합 모드를 전환합니다.[EN] Toggles between raw alphabet/jamo input and Hangul composition in the Korean layout.

ToggleLanguage Method

[KO] 영어와 한국어 레이아웃을 전환하고 한국어 선택 시 조합 모드를 활성화합니다.[EN] Toggles between English and Korean layouts and enables composition when Korean is selected.

ToggleShift Method

[KO] 가상 Shift 키 상태를 전환합니다.[EN] Toggles the virtual Shift-key state.

ImeButtonLabel Property

[KO] 현재 IME 모드 버튼에 표시할 레이블을 가져옵니다.[EN] Gets the label displayed on the current IME-mode button.

IsPressedCapsLock Property

[KO] 가상 또는 물리 Caps Lock이 활성 상태인지 여부를 가져옵니다.[EN] Gets whether either virtual or physical Caps Lock is active.

IsPressedShift Property

[KO] 가상 또는 물리 Shift 키가 눌린 상태인지 여부를 가져옵니다.[EN] Gets whether either the virtual or physical Shift key is pressed.

IsVisible Property

[KO] 가상 키보드가 표시되는지 여부를 가져오거나 설정합니다.[EN] Gets or sets whether the virtual keyboard is visible.

LangButtonLabel Property

[KO] 현재 언어 선택 버튼에 표시할 레이블을 가져옵니다.[EN] Gets the label displayed on the current language-selection button.

OnEnter Property

[KO] Enter 키를 누를 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the Enter key is pressed.

Value Property

[KO] JavaScript 편집 대상을 사용할 수 없을 때 편집할 대체 입력 값을 가져오거나 설정합니다.[EN] Gets or sets the fallback input value edited when no JavaScript target is available.

ValueChanged Property

[KO] 대체 입력 값이 변경될 때 호출할 콜백을 가져오거나 설정합니다.[EN] Gets or sets the callback invoked when the fallback input value changes.

HangulComposer

Compose Method

\if KO 초성, 중성 및 종성 인덱스로 완성형 한글 음절을 만듭니다. \endif \if EN Creates a precomposed Hangul syllable from initial, medial, and final consonant indexes. \endif

cho— \if KO 초성 인덱스입니다. \endif \if EN The initial-consonant index. \endif
jung— \if KO 중성 인덱스입니다. \endif \if EN The medial-vowel index. \endif
jong— \if KO 종성 인덱스이며 종성이 없으면 0입니다. \endif \if EN The final-consonant index, or zero when no final consonant exists. \endif

반환: \if KO 조합된 완성형 한글 음절입니다. \endif \if EN The composed precomposed Hangul syllable. \endif

Input Method

\if KO 앞선 편집기 텍스트 없이 하나의 입력을 현재 조합 상태에 적용합니다. \endif \if EN Applies one input to the current composition state without preceding editor text. \endif

text— \if KO 입력할 문자 또는 문자열입니다. \endif \if EN The character or text to input. \endif

반환: \if KO 교체할 기존 문자 수와 삽입할 텍스트를 담은 편집 결과입니다. \endif \if EN An edit result containing the number of existing characters to replace and the text to insert. \endif

Input Method

\if KO 캐럿 앞 텍스트를 고려하여 하나의 입력을 현재 조합 상태에 적용합니다. \endif \if EN Applies one input to the current composition state while considering text before the caret. \endif

text— \if KO 입력할 문자 또는 문자열입니다. \endif \if EN The character or text to input. \endif
textBeforeCaret— \if KO 편집기에서 캐럿 앞에 있는 텍스트입니다. \endif \if EN The text located before the caret in the editor. \endif

반환: \if KO 교체할 기존 문자 수와 삽입할 텍스트를 담은 편집 결과입니다. \endif \if EN An edit result containing the number of existing characters to replace and the text to insert. \endif

InputConsonant Method

\if KO 자음 입력을 현재 초성·중성·종성 상태에 적용합니다. \endif \if EN Applies a consonant input to the current initial, medial, and final consonant state. \endif

text— \if KO 입력한 자음 문자열입니다. \endif \if EN The input consonant string. \endif
cho— \if KO 입력 자음의 초성 인덱스입니다. \endif \if EN The initial-consonant index of the input. \endif

반환: \if KO 입력 적용 후의 편집 결과입니다. \endif \if EN The edit result after applying the input. \endif

InputVowel Method

\if KO 모음 입력을 현재 초성·중성·종성 상태에 적용합니다. \endif \if EN Applies a vowel input to the current initial, medial, and final consonant state. \endif

text— \if KO 입력한 모음 문자열입니다. \endif \if EN The input vowel string. \endif
jung— \if KO 입력 모음의 중성 인덱스입니다. \endif \if EN The medial-vowel index of the input. \endif

반환: \if KO 입력 적용 후의 편집 결과입니다. \endif \if EN The edit result after applying the input. \endif

IsComposableJamo Method

\if KO 지정한 문자열이 조합 가능한 단일 한글 자모인지 확인합니다. \endif \if EN Determines whether the specified string is a single composable Hangul jamo. \endif

text— \if KO 검사할 문자열입니다. \endif \if EN The string to examine. \endif

반환: \if KO 초성 또는 중성으로 사용할 수 있는 단일 자모이면 이고, 그렇지 않으면 입니다. \endif \if EN if the string is one jamo usable as an initial consonant or vowel; otherwise, . \endif

Reset Method

\if KO 진행 중인 한글 조합 상태를 비웁니다. \endif \if EN Clears the in-progress Hangul composition state. \endif

ToChoIndex Method

\if KO 종성 자모에 대응하는 초성 인덱스를 찾습니다. \endif \if EN Finds the initial-consonant index corresponding to a final-consonant jamo. \endif

jong— \if KO 변환할 종성 자모입니다. \endif \if EN The final-consonant jamo to convert. \endif

반환: \if KO 대응하는 초성 인덱스이며 대응 항목이 없으면 이응 인덱스입니다. \endif \if EN The corresponding initial-consonant index, or the ieung index when no mapping exists. \endif

TryComposeConsonantWithTrailingText Method

\if KO 캐럿 앞의 완성 음절에 입력 자음을 종성으로 결합하려고 시도합니다. \endif \if EN Attempts to combine an input consonant as the final consonant of the precomposed syllable before the caret. \endif

textBeforeCaret— \if KO 캐럿 앞 텍스트입니다. \endif \if EN The text before the caret. \endif
text— \if KO 결합할 자음입니다. \endif \if EN The consonant to combine. \endif
edit— \if KO 성공하면 완성된 편집 결과를 받습니다. \endif \if EN Receives the completed edit result when successful. \endif

반환: \if KO 자음을 결합했으면 , 그렇지 않으면 입니다. \endif \if EN if the consonant was combined; otherwise, . \endif

TryComposeVowelWithTrailingText Method

\if KO 캐럿 앞 자모 또는 완성 음절과 입력 모음을 결합하려고 시도합니다. \endif \if EN Attempts to combine an input vowel with a jamo or precomposed syllable before the caret. \endif

textBeforeCaret— \if KO 캐럿 앞 텍스트입니다. \endif \if EN The text before the caret. \endif
jung— \if KO 결합할 중성 인덱스입니다. \endif \if EN The medial-vowel index to combine. \endif
edit— \if KO 성공하면 완성된 편집 결과를 받습니다. \endif \if EN Receives the completed edit result when successful. \endif

반환: \if KO 모음을 결합했으면 , 그렇지 않으면 입니다. \endif \if EN if the vowel was combined; otherwise, . \endif

TryDecompose Method

\if KO 완성형 한글 음절을 초성, 중성 및 종성 인덱스로 분해하려고 시도합니다. \endif \if EN Attempts to decompose a precomposed Hangul syllable into initial, medial, and final consonant indexes. \endif

value— \if KO 분해할 문자입니다. \endif \if EN The character to decompose. \endif
cho— \if KO 성공하면 초성 인덱스를 받습니다. \endif \if EN Receives the initial-consonant index when successful. \endif
jung— \if KO 성공하면 중성 인덱스를 받습니다. \endif \if EN Receives the medial-vowel index when successful. \endif
jong— \if KO 성공하면 종성 인덱스를 받습니다. \endif \if EN Receives the final-consonant index when successful. \endif

반환: \if KO 문자가 완성형 한글 음절이면 , 그렇지 않으면 입니다. \endif \if EN if the character is a precomposed Hangul syllable; otherwise, . \endif

_cho Field

\if KO cho 값을 보관합니다. \endif \if EN Stores the cho value. \endif

_jong Field

\if KO jong 값을 보관합니다. \endif \if EN Stores the jong value. \endif

_jung Field

\if KO jung 값을 보관합니다. \endif \if EN Stores the jung value. \endif

Cho Field

\if KO Cho 값을 보관합니다. \endif \if EN Stores the cho value. \endif

ChoIndex Field

\if KO Cho Index 값을 보관합니다. \endif \if EN Stores the cho index value. \endif

CombinedJong Field

\if KO Combined Jong 값을 보관합니다. \endif \if EN Stores the combined jong value. \endif

CombinedJung Field

\if KO Combined Jung 값을 보관합니다. \endif \if EN Stores the combined jung value. \endif

Jong Field

\if KO Jong 값을 보관합니다. \endif \if EN Stores the jong value. \endif

JongIndex Field

\if KO Jong Index 값을 보관합니다. \endif \if EN Stores the jong index value. \endif

Jung Field

\if KO Jung 값을 보관합니다. \endif \if EN Stores the jung value. \endif

JungIndex Field

\if KO Jung Index 값을 보관합니다. \endif \if EN Stores the jung index value. \endif

SplitJong Field

\if KO Split Jong 값을 보관합니다. \endif \if EN Stores the split jong value. \endif

HangulEdit

#ctor Method

\if KO 한글 입력 적용 시 교체할 문자 수와 삽입할 텍스트를 나타냅니다. \endif \if EN Represents the number of characters to replace and the text to insert for a Hangul input edit. \endif

ReplaceCount— \if KO 캐럿 앞에서 교체할 기존 문자 수입니다. \endif \if EN The number of existing characters to replace before the caret. \endif
Text— \if KO 교체 위치에 삽입할 텍스트입니다. \endif \if EN The text to insert at the replacement position. \endif
ReplaceCount Property

\if KO 캐럿 앞에서 교체할 기존 문자 수입니다. \endif \if EN The number of existing characters to replace before the caret. \endif

Text Property

\if KO 교체 위치에 삽입할 텍스트입니다. \endif \if EN The text to insert at the replacement position. \endif

KeyMap

#ctor Method

[KO] 키의 기본, Shift, 한국어 및 표시 레이블 매핑을 나타냅니다.[EN] Represents default, shifted, Korean, and display-label mappings for a key.

Normal— [KO] 기본 입력 값입니다.[EN] The normal input value.
Shifted— [KO] Shift 상태의 입력 값입니다.[EN] The shifted input value.
Korean— [KO] 한국어 입력 값입니다.[EN] The Korean input value.
KoreanShifted— [KO] Shift 상태의 한국어 입력 값입니다.[EN] The shifted Korean input value.
Label— [KO] 입력 값 대신 표시할 선택적 레이블입니다.[EN] An optional label displayed instead of the input value.
Korean Property

[KO] 한국어 입력 값입니다.[EN] The Korean input value.

KoreanShifted Property

[KO] Shift 상태의 한국어 입력 값입니다.[EN] The shifted Korean input value.

Label Property

[KO] 입력 값 대신 표시할 선택적 레이블입니다.[EN] An optional label displayed instead of the input value.

Normal Property

[KO] 기본 입력 값입니다.[EN] The normal input value.

Shifted Property

[KO] Shift 상태의 입력 값입니다.[EN] The shifted input value.

VkContext

End Property

[KO] 선택 범위의 끝 인덱스를 가져오거나 설정합니다.[EN] Gets or sets the ending index of the selection range.

Start Property

[KO] 선택 범위의 시작 인덱스를 가져오거나 설정합니다.[EN] Gets or sets the starting index of the selection range.

Value Property

[KO] 입력 요소의 전체 값을 가져오거나 설정합니다.[EN] Gets or sets the complete input-element value.