Microsoft MVP성태의 닷넷 이야기
닷넷: 2321. Blazor에서 발생할 수 있는 async void 메서드의 부작용 [링크 복사], [링크+제목 복사],
조회: 2480
글쓴 사람
정성태 (seongtaejeong at gmail.com)
홈페이지
첨부 파일
 

(시리즈 글이 12개 있습니다.)
.NET Framework: 698. C# 컴파일러 대신 직접 구현하는 비동기(async/await) 코드
; https://www.sysnet.pe.kr/2/0/11351

.NET Framework: 716. async 메서드의 void 반환 타입 사용에 대하여
; https://www.sysnet.pe.kr/2/0/11414

.NET Framework: 717. Task를 포함하지 않는 async 메서드의 동작 방식
; https://www.sysnet.pe.kr/2/0/11415

.NET Framework: 719. Task를 포함하는 async 메서드의 동작 방식
; https://www.sysnet.pe.kr/2/0/11417

.NET Framework: 731. C# - await을 Task 타입이 아닌 사용자 정의 타입에 적용하는 방법
; https://www.sysnet.pe.kr/2/0/11456

.NET Framework: 737. C# - async를 Task 타입이 아닌 사용자 정의 타입에 적용하는 방법
; https://www.sysnet.pe.kr/2/0/11484

.NET Framework: 813. C# async 메서드에서 out/ref/in 유형의 인자를 사용하지 못하는 이유
; https://www.sysnet.pe.kr/2/0/11850

닷넷: 2138. C# - async 메서드 호출 원칙
; https://www.sysnet.pe.kr/2/0/13405

닷넷: 2147. C# - 비동기 메서드의 async 예약어 유무에 따른 차이
; https://www.sysnet.pe.kr/2/0/13421

닷넷: 2318. C# - (async Task가 아닌) async void 사용 시의 부작용
; https://www.sysnet.pe.kr/2/0/13884

닷넷: 2319. ASP.NET Core Web API / Razor 페이지에서 발생할 수 있는 async void 메서드의 부작용
; https://www.sysnet.pe.kr/2/0/13885

닷넷: 2321. Blazor에서 발생할 수 있는 async void 메서드의 부작용
; https://www.sysnet.pe.kr/2/0/13888




Blazor에서 발생할 수 있는 async void 메서드의 부작용

지난 글을 통해 ASP.NET Core Web 환경에서 async void 메서드를 사용한 것에 대한 부작용을 설명했는데요,

ASP.NET Core Web API / Razor 페이지에서 발생할 수 있는 async void 메서드의 부작용
; https://www.sysnet.pe.kr/2/0/13885

이와 유사한 문제를 Blazor에서도 겪게 됩니다. 예를 들어 Blazor 프로젝트 생성 시 기본 작성되는 Counter.razor 파일은,

@page "/counter"
@rendermode InteractiveServer

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

기본적으로 동기 방식의 메서드로 정의돼 있는데요, 만약 해당 메서드 내부의 코드에서 await을 사용하고 싶어 무심코 async void로 정의한다면,

@code {
    private int currentCount = 0;

    private async void IncrementCount()
    {
        await Task.Delay(1000);
        currentCount++;
    }
}

Blazor 내부 프레임워크에서는 저 메서드에 대한 호출을 InvokeAsync로 경유합니다.

// src/Components/Components/src/EventCallbackWorkItem.cs
// https://github.com/dotnet/aspnetcore/blob/main/src/Components/Components/src/EventCallbackWorkItem.cs

internal static Task InvokeAsync<T>(MulticastDelegate? @delegate, T arg)
{
    switch (@delegate)
    {
        case null:
            return Task.CompletedTask;

        case Action action:
            action.Invoke(); // async void로 정의한 메서드 호출
            return Task.CompletedTask;

        case Action<T> actionEventArgs:
            actionEventArgs.Invoke(arg);
            return Task.CompletedTask;

        case Func<Task> func: // async Task로 정의한 메서드 호출
            return func.Invoke();

        case Func<T, Task> funcEventArgs:
            return funcEventArgs.Invoke(arg);

        default:
            {
                try
                {
                    return @delegate.DynamicInvoke(arg) as Task ?? Task.CompletedTask;
                }
                catch (TargetInvocationException e)
                {
                    // Since we fell into the DynamicInvoke case, any exception will be wrapped
                    // in a TIE. We can expect this to be thrown synchronously, so it's low overhead
                    // to unwrap it.
                    return Task.FromException(e.InnerException!);
                }
            }
    }
}

지난 글을 이해했다면, IncrementCount가 어떻게 동작하게 될지 예상할 수 있을 텐데요, 즉, "Click me" 버튼을 누르면 첫 번째 클릭에는 화면에 아무런 업데이트가 되지 않습니다. 그리고 두 번째로 누르면 이전 첫 번째 버튼 클릭으로 증가했던 "1"이 화면에 보이지만 실제 currentCount의 실제 값은 2가 된 상태로 서버에 저장돼 있는 것입니다.




참고로, Blazor에서 저 부작용이 더 위험한 이유가 바로 상태 저장이 된다는 점 때문입니다. 그래서 자칫 개발자가 테스트를 하면서 첫 번째 클릭에 대한 반응이 없는 것을 뭔가 웹 브라우저의 클릭이 단순히 무시된 것으로 착각할 수 있기 때문에 별다른 자각 없이 저 문제를 안고 릴리스하는 사태가 발생할 수 있습니다.




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 2/17/2025]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




1  2  3  4  5  6  7  8  9  10  11  12  [13]  14  15  ...
NoWriterDateCnt.TitleFile(s)
13616정성태5/3/20248616닷넷: 2256. ASP.NET Core 웹 사이트의 HTTP/HTTPS + Dual mode Socket (IPv4/IPv6) 지원 방법파일 다운로드1
13615정성태5/3/20249522닷넷: 2255. C# 배열을 Numpy ndarray 배열과 상호 변환
13614정성태5/2/20249181닷넷: 2254. C# - COM 인터페이스의 상속 시 중복으로 메서드를 선언
13613정성태5/1/20248914닷넷: 2253. C# - Video Capture 장치(Camera) 열거 및 지원 포맷 조회파일 다운로드1
13612정성태4/30/20249179오류 유형: 902. Visual Studio - error MSB3021: Unable to copy file
13611정성태4/29/20248570닷넷: 2252. C# - GUID 타입 전용의 UnmanagedType.LPStruct - 두 번째 이야기파일 다운로드1
13610정성태4/28/20248954닷넷: 2251. C# - 제네릭 인자를 가진 타입을 생성하는 방법 - 두 번째 이야기
13609정성태4/27/20249167닷넷: 2250. PInvoke 호출 시 참조 타입(class)을 마샬링하는 [IN], [OUT] 특성파일 다운로드1
13608정성태4/26/20249507닷넷: 2249. C# - 부모의 필드/프로퍼티에 대해 서로 다른 자식 클래스 간에 Reflection 접근이 동작할까요?파일 다운로드1
13607정성태4/25/20249501닷넷: 2248. C# - 인터페이스 타입의 다중 포인터를 인자로 갖는 C/C++ 함수 연동
13606정성태4/24/20249370닷넷: 2247. C# - tensorflow 연동 (MNIST 예제)파일 다운로드1
13605정성태4/23/202410710닷넷: 2246. C# - Python.NET을 이용한 파이썬 소스코드 연동파일 다운로드1
13604정성태4/22/20248403오류 유형: 901. Visual Studio - Unable to set the next statement. Set next statement cannot be used in '[Exception]' call stack frames.
13603정성태4/21/20249668닷넷: 2245. C# - IronPython을 이용한 파이썬 소스코드 연동파일 다운로드1
13602정성태4/20/20248947닷넷: 2244. C# - PCM 오디오 데이터를 연속(Streaming) 재생 (Windows Multimedia)파일 다운로드1
13601정성태4/19/20249058닷넷: 2243. C# - PCM 사운드 재생(NAudio)파일 다운로드1
13600정성태4/18/20249672닷넷: 2242. C# - 관리 스레드와 비관리 스레드
13599정성태4/17/20249517닷넷: 2241. C# - WAV 파일의 PCM 사운드 재생(Windows Multimedia)파일 다운로드1
13598정성태4/16/202410731닷넷: 2240. C# - WAV 파일 포맷 + LIST 헤더파일 다운로드2
13597정성태4/15/20249114닷넷: 2239. C# - WAV 파일의 PCM 데이터 생성 및 출력파일 다운로드1
13596정성태4/14/20249746닷넷: 2238. C# - WAV 기본 파일 포맷파일 다운로드1
13595정성태4/13/20249898닷넷: 2237. C# - Audio 장치 열기 (Windows Multimedia, NAudio)파일 다운로드1
13594정성태4/12/20249760닷넷: 2236. C# - Audio 장치 열람 (Windows Multimedia, NAudio)파일 다운로드1
13593정성태4/8/20248978닷넷: 2235. MSBuild - AccelerateBuildsInVisualStudio 옵션
13592정성태4/2/202411304C/C++: 165. CLion으로 만든 Rust Win32 DLL을 C#과 연동 [1]
13591정성태4/2/20249428닷넷: 2234. C# - WPF 응용 프로그램에 Blazor App 통합파일 다운로드1
1  2  3  4  5  6  7  8  9  10  11  12  [13]  14  15  ...