본문 바로가기

Learning

(54)
favicon 만들기 https://www.piskelapp.com/p/create/sprite Piskel - www.piskelapp.com piskelapp 사이트에 접속하여 이미지를 만든다. 오른쪽 설정에서 width,height 를 64로 변경하여 작업 gif나 png로 EXPORT 한다. https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 만들어진 이미지를 첨부한후..
Blazor Component to Component Value change Component function FromToSetValue(TargetId, SourceValue) { if (TargetId != '') { //EnterKey Event if (window.event.keyCode == 13) { const lbl = document.getElementById(TargetId); lbl.value = SourceValue; lbl.dispatchEvent(new Event("change")); } } }
Blazor 에서 EventHandler 이용하기 blazor를 사용 중 div에 마우스를 올릴때 이벤트를 걸어야 하는 경우가 생길 때 MS 공식 문서에서는 div @mouseover="functionName" 이러면 된다고 되어 있다 개뿔 안된다.... 이리 저리 찾아다 발견 한것은 아래처럼 하나 만들고 using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; using System; using System.Collections.Generic; using System.Text; namespace xxxxx.EventHandler { /// /// Holds attributes to configure the mappings between event names and..
ToString().PadLeft / PadRight 지정한 길이만큼 왼쪽 오른쪽에 지정문자 혹은 공백을 넣음
숫자 데이터 int 정수형 -2_147_483_648 ~ 2_147_483_648 Int32.MinValue ~ Int32.MaxValue long 정수형 -9_223_372_036_854_775_807 ~ 9_223_372_036_854_775_807 Int64.MinValue ~ Int64.MaxValue double 실수형 데이터 (64비트 부동 소수점 숫자) 실수 뒤에 접미사가(D,d) 붙을 수 있다. -1.7976931348623157E+308 ~ 1.7976931348623157E+308 System.Double.MinValue ~ System.Double.MaxValue float 실수형 데이터 (32비트 부동 소수점 숫자) 실수 뒤에 접미사가(F,f) 붙어야 한다. -3.40282347E+38 ~ 3...
C# code snippet (코드 조각) 간단하게 약속된 단어를 적고 Tab등의 키를 입력하면 해당하는 템플릿이 자동으로 생성이 된다. 아래는 VSCode 에서 Snippet 활용 하는 방법 velog.io/@humblego42/VSCode%EC%97%90%EC%84%9C-Snippet-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0 VSCode에서 Snippet 활용하기 이미 아무 것도 안하고 있지만 더 격하게 아무것도 안하고 싶다면 velog.io visual studio 에서 자신만의 코드 스니펫을 만드는 방법 showmethecode.tistory.com/148 Visual Studio에서 Code Snippet 사용하기 Code Snippet 만들어 사용하기 Code snippet이란 '코드 조각'으로, 반복되는 패턴..
[나만의 js 차트 만들기1] - new 삽질의 시작 상용이나 공개 되어 있는 라이브러리를 사용하지 말고 '그냥 내가 다 만들어 보자' 라는 마음으로 시작! 라이브러리를 사용할 때 보통 HTML에는 JS 에는 let 이름 = new 라이브러리('라이브러리에서요구하는이름', options); 이름.메소드(옵션); 이런식으로 되어 있다. 그리고 소스를 보면 ....ㅋㅋㅋ 복잡하다. 이리저리 복잡한 많은 소스를 보면서 주눅이..... 진짜 복잡한것도 있지만 대부분의 소스는 안쓰는 소스들도 상당한 부분을 차지 한다. 이유는 특정 부분처리를 위해서 다른 라이브러리를 불러 와서 사용하기 때문이다. 라고 나는 생각한다. 이번에 블로그를 보는 당신과 같이 만들어 볼것은 차트 이다. 원형 차트로 구역을 나누고 마우스를 올렸을때 타이틀을 보여 주고 약간의 에니메이션을 주는 ..
마우스 스크롤과 메뉴 하이라이트 주기 velog를 보면 마우스를 내리면 오른쪽에 목차가 같이 따라 내려가는것이 보인다. 이전부터 한번 만들어 보자 라고 생각만 하다가 우연히 창원 개발자 단톡방에서 어떤분이 질문을 하여 이참에 구현해 보자라고 생각이 되어 코딩을 시작한다. (우리회사 부장은 코딩이란 단어를 싫어한다 왜인지 모르겠는데 코딩쟁이가 코딩이라고 업무보고 적으면 안되나??? 쳇) 자! 구현해 보자! 우선 깃에서 자바스크립트 공부내용을 끌고 오고 [.] [..] [api] [bridge] [drag-and-drop] [dropdown] [egoing] [export-import] modal.js README.md study.css test.html 4개 파일 3,234 바이트 8개 디렉터리 222,409,691,136 바이트 남음 F:\..