정훈's 프로그래밍

fdgdgfdg x

천단위 별로 컴마(comma)를 추가한다. return type = string String.prototype.setComma = function () { return isNaN(Number(this)) ? "0" : Number(this).toLocaleString("ko-KR"); } console.log("100000".setComma()); // > "100,000" Number.prototype.setComma = function () { return isNaN(Number(this)) ? "0" : Number(this).toLocaleString("ko-KR"); } console.log((100000000).setComma()); // > "100,000,000" 컴마(comma)를 제거한..

CSS HTML KRW Javascript var Page = { onBlur: function (placeholder_id, object) { const placeholder = document.getElementById(placeholder_id); if (object.value.trim() === '') { placeholder.classList.remove('focused'); placeholder.classList.add('blured'); } }, onFocus: function (placeholder_id) { const placeholder = document.getElementById(placeholder_id); placeholder.classList.add('focused'); pla..

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..

Date.now() 메소드는 UTC 기준으로 1970년 1월 1일 0시 0분 0초부터 현재까지 경과된 밀리초를 반환합니다. console.log(Date.now()); // 1711935339429 Date.toDateString() 메소드는 주어진 날짜를 현지 시간대로 해석하고 그 중 날짜 부분만 표시하는 문자열을 반환합니다. const currentDateOnly = new Date().toDateString(); console.log(currentDateOnly); // "Mon Apr 01 2024" Date.toLocaleDateString() 메소드는 지역화된 날짜 정보를 문자열로 반환합니다. const currentDate = new Date().toLocaleString(); console..