본문 바로가기

프로그래밍/Blazor10

Blazor Server App을 Ubuntu에 배포하기 준비물 Blazor Server App을 빌드할 Window Blazor Server App을 배포할 Ubuntu Blazor Server App 게시 결과물 Blazor Server App 프로젝트 추가 Blazor Server App 게시 Console Command로도 게시가 가능하다. dotnet publish -c Release --self-contained -r linux-x64 해당 옵션으로 Blazor Server App을 게시(publish)하자. 배포 모드를 자체 포함으로 선택하면 .NET Framework 설치 없이도 리눅스에서 실행이 가능하다. 우분투(Ubuntu)에서 실행 실행 파일을 WinSCP 혹은 PSCP를 통해서 윈도우에서 리눅스로 복사하자. PSCP 사용 관련해서는 아래의.. 2023. 5. 12.
C# Blazor App에서 OnValidSubmit 등록한 함수가 실행되지 않는 문제 예제 코드 Email Password ConfirmPassword Sign up @code { private RegisterModel _model = new RegisterModel(); private void RegisterAccount() { AccountService.Register(_model); } } 문제 해결 17번째 줄 코드 Sign up 에서 button을 "submit"으로 변경해주면 정상적으로 작동한다. OnValidSubmit이라는 이름에 맞게 타입이 submit일때만 작동하는 것으로 생각된다. 2023. 4. 19.
C# Blazor App 첫 페이지 변경하기 Blazor 프로젝트로 생성하면 진입하는 페이지는 Index.razor로 설정되어 있습니다. 실제로 변경해 보자 이제 최초의 시작 페이지를 FetchData로 한번 변경해 보도록 하자. Blazor Server App은 @page "/"로 설정된 페이지를 시작 페이지로 인식한다. FetchData.razor의 첫 번째 줄 코드 수정 @page "/fetchdata"를 @page "/"로 변경해 준다. @page "/"로 설정된 페이지가 시작 페이지로 설정된다. @page "/" @using BlazorApp1.Data @inject WeatherForecastService ForecastService Weather forecast This component demonstrates fetching data.. 2023. 4. 17.
C# Blazor에서 Session 데이터 저장하기 - Counter 값 유지하기 웹페이지에서 데이터는 어떻게 저장하는가 Blazor Server App을 통해서 프로젝트를 만들고 나서 Counter 메뉴에서 버튼을 눌러서 올라간 수치를 저장하고 싶어 졌습니다. 별다른 처리를 안 했다면 다른 메뉴를 갔다 오면 해당 수치가 0으로 초기화됩니다. 당연하게 저장될 거라고 생각했는데 처음에는 초기화돼서 당황했습니다. 관련해서 구글링을 해보니 Session에 관련 정보를 저장해야 한다는 것을 확인했습니다. 그리고 SessionStorage를 사용하면 되다는 것까지 확인했습니다. Counter.razor 파일 예제코드 @page "/counter" @inject Blazored.SessionStorage.ISessionStorageService sessionStorage Counter Curre.. 2023. 4. 7.