본문 바로가기

blazor10

C# ProtectedSessionStorage 클래스 브라우저의 SessionStorage 컬렉션에 데이터를 저장하고 검색하는 기능을 제공한다. SessionStorage는 LocalSotrage와 비슷하지만 LocalStorage의 데이터는 만료되지 않고 SessionStorage의 데이터는 페이지 세션이 끝날 때 함께 제거되는 차이가 있다. 페이지 세션은 브라우저가 열려있는 한 새로고침과 페이지 복구를 거쳐도 남아있다. 페이지를 새로운 탭이나 창에서 열면, 세션 쿠키의 동작과는 다르게 최상위 브라우징 맥락의 값을 가진 새로운 세션을 생성한다. 같은 URL을 다수의 탭/창에서 열면 각각의 탭/창에 대해 새로운 SessionStorage를 생성한다. 탭/창을 닫으면 세션이 끝나고 SessionStorage 안의 객체를 초기화한다. 주요 함수 public V.. 2023. 5. 10.
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.