Microsoft MVP성태의 닷넷 이야기
닷넷: 2321. Blazor에서 발생할 수 있는 async void 메서드의 부작용 [링크 복사], [링크+제목 복사],
조회: 2471
글쓴 사람
정성태 (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)
13843정성태12/13/20244378오류 유형: 938. Docker container 내에서 빌드 시 error MSB3021: Unable to copy file "..." to "...". Access to the path '...' is denied.
13842정성태12/12/20244520디버깅 기술: 205. Windbg - KPCR, KPRCB
13841정성태12/11/20244853오류 유형: 937. error MSB4044: The "ValidateValidArchitecture" task was not given a value for the required parameter "RemoteTarget"
13840정성태12/11/20244427오류 유형: 936. msbuild - Your project file doesn't list 'win' as a "RuntimeIdentifier"
13839정성태12/11/20244845오류 유형: 936. msbuild - error CS1617: Invalid option '12.0' for /langversion. Use '/langversion:?' to list supported values.
13838정성태12/4/20244593오류 유형: 935. Windbg - Breakpoint 0's offset expression evaluation failed.
13837정성태12/3/20245045디버깅 기술: 204. Windbg - 윈도우 핸들 테이블 (3) - Windows 10 이상인 경우
13836정성태12/3/20244610디버깅 기술: 203. Windbg - x64 가상 주소를 물리 주소로 변환 (페이지 크기가 2MB인 경우)
13835정성태12/2/20245051오류 유형: 934. Azure - rm: cannot remove '...': Directory not empty
13834정성태11/29/20245274Windows: 275. C# - CUI 애플리케이션과 Console 윈도우 (Windows 10 미만의 Classic Console 모드인 경우) [1]파일 다운로드1
13833정성태11/29/20244962개발 환경 구성: 737. Azure Web App에서 Scale-out으로 늘어난 리눅스 인스턴스에 SSH 접속하는 방법
13832정성태11/27/20244900Windows: 274. Windows 7부터 도입한 conhost.exe
13831정성태11/27/20244378Linux: 111. eBPF - BPF_MAP_TYPE_PERF_EVENT_ARRAY, BPF_MAP_TYPE_RINGBUF에 대한 다양한 용어들
13830정성태11/25/20245178개발 환경 구성: 736. 파이썬 웹 앱을 Azure App Service에 배포하기
13829정성태11/25/20245134스크립트: 67. 파이썬 - Windows 버전에서 함께 설치되는 py.exe
13828정성태11/25/20244437개발 환경 구성: 735. Azure - 압축 파일을 이용한 web app 배포 시 디렉터리 구분이 안 되는 문제파일 다운로드1
13827정성태11/25/20245084Windows: 273. Windows 환경의 파일 압축 방법 (tar, Compress-Archive)
13826정성태11/21/20245316닷넷: 2313. C# - (비밀번호 등의) Console로부터 입력받을 때 문자열 출력 숨기기(echo 끄기)파일 다운로드1
13825정성태11/21/20245648Linux: 110. eBPF / bpf2go - BPF_RINGBUF_OUTPUT / BPF_MAP_TYPE_RINGBUF 사용법
13824정성태11/20/20244742Linux: 109. eBPF / bpf2go - BPF_PERF_OUTPUT / BPF_MAP_TYPE_PERF_EVENT_ARRAY 사용법
13823정성태11/20/20245275개발 환경 구성: 734. Ubuntu에 docker, kubernetes (k3s) 설치
13822정성태11/20/20245140개발 환경 구성: 733. Windbg - VirtualBox VM의 커널 디버거 연결 시 COM 포트가 없는 경우
13821정성태11/18/20245069Linux: 108. Linux와 Windows의 프로세스/스레드 ID 관리 방식
13820정성태11/18/20245232VS.NET IDE: 195. Visual C++ - C# 프로젝트처럼 CopyToOutputDirectory 항목을 추가하는 방법
13819정성태11/15/20244477Linux: 107. eBPF - libbpf CO-RE의 CONFIG_DEBUG_INFO_BTF 빌드 여부에 대한 의존성
13818정성태11/15/20245257Windows: 272. Windows 11 24H2 - sudo 추가
1  2  3  [4]  5  6  7  8  9  10  11  12  13  14  15  ...