showToastMessage

화면 하단에 토스트 메시지를 표시합니다.

파라미터

toastType (String): 토스트 스타일. 'error', 'warning', 'success', 'notify' 중 하나, 또는 그 외의 값은 기본(normal) 스타일로 표시됩니다.
message (String): 표시할 텍스트 내용
duration (int 또는 null): 표시 시간 (밀리초). null이면 기본값 2000ms(2초)가 적용됩니다.

반환: void

설명

화면 하단 중앙에 아이콘과 메시지가 포함된 토스트 알림을 표시합니다. toastType에 따라 토스트의 배경색이 달라지며, 각 타입의 의미는 다음과 같습니다.

toastType	설명
`'error'`	오류 발생 시 (오류 색상)
`'warning'`	주의가 필요한 상황 (경고 색상)
`'success'`	작업 성공 시 (성공 색상)
`'notify'`	일반 알림 (알림 색상)
그 외	기본 스타일 (alertBackground 색상)

duration은 밀리초 단위로 지정하며, 해당 시간이 지나면 토스트가 자동으로 사라집니다. null을 전달하면 2000ms가 적용됩니다.

Example

// 저장 성공 알림
$vm.showToastMessage("success", "저장되었습니다.", 2000);

// 입력값 오류 알림
$vm.showToastMessage("error", "필수 항목을 입력해주세요.", 3000);

// 경고 알림
$vm.showToastMessage("warning", "네트워크 상태가 불안정합니다.", 2000);

// 일반 알림 (기본 2초)
$vm.showToastMessage("notify", "데이터를 불러왔습니다.", null);

// 타입에 따라 동적으로 표시
const isSuccess = true;
$vm.showToastMessage(
  isSuccess ? "success" : "error",
  isSuccess ? "처리가 완료되었습니다." : "처리에 실패했습니다.",
  2500
);

showToastMessage​

showToastMessage