정훈's 프로그래밍

javascript에서 임의 값을 input type="text"에 세팅하는 경우 @bind chnage 이벤트가 발생 하지 않아 @bind 에 설정한 변수에 빈 값이 오는 경우가 있다. 이런 경우 "change" 이벤트를 임의로 설정해 준다. var inputElement = document.getElementById('WordMatrix'); inputElement.dispatchEvent(new Event('change')); // Dispatch the change event

StateHasChanged() 함수를 호출하면 컴포넌트의 상태가 변경되었음을 알리며, 필요한 경우 컴포넌트를 다시 렌더링합니다. 주로 다음과 같은 상황에서 사용됩니다: 비동기 작업 후 렌더링 갱신: 컴포넌트 내에서 비동기 작업이 발생한 경우 (예: 데이터 로드, API 호출 등), 해당 작업이 완료되면 StateHasChanged()를 호출하여 컴포넌트를 다시 렌더링합니다. 이로써 화면에 변경된 데이터를 표시할 수 있습니다. 수동으로 렌더링 트리거: 컴포넌트 상태가 변경되었지만 자동으로 렌더링되지 않는 경우에 사용됩니다. 예를 들어, 사용자 입력에 따라 컴포넌트 상태가 변경되었을 때, StateHasChanged()를 호출하여 화면을 갱신할 수 있습니다.

JSRuntime은 JavaScript 엔진의 인스턴스를 나타내는 최상위 객체입니다. 프로그램은 일반적으로 여러 스레드가 있더라도 하나의 JSRuntime만 가지게 됩니다. 그래서 결론은 뭐냐? @code 블럭에서 JavaScript 를 호출, 또는 실행하고 싶다면 JSRuntime을 사용해야 한다는 것이다. .razor @inject IJSRuntime JSRuntime @code { private string result = string.Empty; public async void CallJs() { result = await JSRuntime.InvokeAsync("Test", "from @code"); StateHasChanged(); } private async Task SaveNewWord()..

blazor 파일과 함게 js 파일을 배치 할 수 있는 편리하 기능을 제공한다. 원문 표현 " Load a script from an external JavaScript file (.js) collocated with a component " 이게 참 멎진 기능인대 사용하기에는 녹록지 않다. 사용법 1. 자바스크립트 생성 갭쳐 화면과 같이 동일한 파일명으로 자바스크립트 파일을 생성한다.(확장자는 .js) 2. 새로 추가한 자바스크립트 파일을 추가한다. 3. Test 함수를 생성한다. // Counter.razor.js function Test(param) { alert("call medddd?"); return param + " return by js"; } 4. Test 함수 호출 @page "/cou..

// 저장 프로시저 방식 public async Task InsertWordMatrix(WordMatrixEntity wordMatrixEntity) { SqlParameter p0 = new SqlParameter("@wordSeq", wordMatrixEntity.WordSeq ?? ""); SqlParameter p1 = new SqlParameter("@wordMatrixGroupSeq", 0); p1.Direction = ParameterDirection.Output; using (var context = new SQLDBContext()) { string sp = "exec up_WordMatrix_insert @wordSeq, @wordMatrixGroupSeq out"; await cont..

@page "/call-dotnet-1" Call .NET 1 Call .NET Example 1 Trigger .NET static method See the result in the developer tools console. @code { [JSInvokable] public static Task ReturnArrayAsync() { return Task.FromResult(new int[] { 1, 2, 3 }); } }

SqlQueryRaw는 원시 SQL 쿼리를 기반으로 LINQ 쿼리를 만듭니다. 이 쿼리는 데이터베이스 공급자가 기본적으로 지원하는 스칼라 형식의 결과 집합을 반환합니다. 결론은 프로그램 코드 방식으로 쿼리를 작성해서 실행해 준다는 이야기이다. public List GetWord() { using (var context = new SQLDBContext()) { List wordEntities = context.Database.SqlQueryRaw($""" select word.WordSeq , word.Spelling , word.Meaning , word.NationSeq , word.Level from dbo.Word as word with(nolock) """ ).ToList(); return wo..

@rendermode InteractiveServer @inject IJSRuntime JSRuntime Save Changes @code { private async Task SaveNewWord() { try { await JSRuntime.InvokeVoidAsync("myJsFunction", "some message"); // await JSRuntime.InvokeVoidAsync("Test"); } catch (JSException ex) { Console.WriteLine(ex.Message); } } }

@page "/event-handler-1" Event Handler 1 @page는 Web URL을 의미한다. 물리적 파일명과 Web URL은 다를 수 있으면 Web URL의 경우 @page에 설정된 값을 기준으로 동작한다. (물리적 파일명이 "event-handler-1"이 아니어도 Web URL을 기준으로 해당 파일이 호출 된다는 이야기이다.) 태그는 브라우저에 표기되는 Title을 의미한다.

@text @code { private string text = ""; private void Change(ChangeEventArgs e) { text = (string)e.Value! } }