하나의 코드로 Confirm과 Alert 기능을 다 쓸 수 있는 다이얼로그 박스 (또는 모달 창) Dialog Box입니다. 하나의 코드로 다음의 세 가지 기능을 구현할 수 있습니다: Alert 창 콜백이 있는 Alert 창 콜백이 있는 Confirm 창 이 코드를 만든 이유는 브라우저의 alert와 confirm 창이 디자인 적으로 아주 구리(?)다라는 생각이었고 bootstrap modal로 어떻게 하면 콜백을 첨가하여 브라우저의 창 같은 기능을 원하는 디자인으로 재구현 할 수 있을까였습니다. 우선 아래의 HTML 코드를 넣어줍니다. 아래의 코드는 Bootstrap의 모달 창 (Modal Dialog)을 변형 한 코드입니다. 디자인을 하기 위한 CSS 클래스는 각자 알아서 쓰시기 바랍니다 ^^; 닫기..

개발 (Development & Coding)/한글본 (Korean) 2023. 1. 23. 06:00

많은 분들이 Visual Studio를 IDE로 쓰고 계십니다. 저 또한 2005 버전부터 2022까지 쓰고 있는데요 디버깅이나 코딩을 할 때 버벅거리는 현상이 간혹 발동을 합니다. 그래서 새 버전을 설치한 후 항상 아래의 방법을 이용하여 성능을 향상하는데요. 코딩의 편의성을 살리냐 아니면 IDE의 버벅 거림을 방지하느냐 둘 사이의 조정을 해야 하죠. 많은 기능들이 코딩을 편하게 하지만 그만큼 IDE가 느려지는 점이 있죠. 참고로 이 글은 Visual Studio Code 가 아닙니다. Visual Studio Community, Professional과 Enterprise 버전에 해당되는 글입니다. 1. CodeLens (코드렌즈) Professional과 Enterprise 버전에 해당됩니다. 메서드..

개발 (Development & Coding)/한글본 (Korean) 2023. 1. 9. 06:00

오늘은 쿠버네티스에서 PART 2의 기능으로 프로메테우스와 그라파나를 설치해 보겠습니다. 기능 요소 프로메테우스와 그라파나에 Persistent 볼륨 연결 (PART 1) 어떠한 세팅을 하여도 Pod가 리셋 되었을시에 하드에 저장되므로 모든 데이터가 초기화되지 않습니다 https://ranku.tistory.com/27 SSL 인증된 도메인 주소로 그라파나에 접속 (PART 2) Port Forwarding을 하지 않고도 인터넷상에서 접속을 할수있습니다 Prerequisites - 준비사항 쿠버네티스 환경 구축 kubernetes-helm 설치 SSL 인증서 (.crt 와 .key 파일 - 만약에 .pfx파일과 비밀번호만 있으시면 .crt 와 .key로 나누어주는 툴들을 쉽게 찾으실수 있습니다) 그라파나..

개발 (Development & Coding)/한글본 (Korean) 2022. 12. 26. 06:00

오늘은 쿠버네티스에서 PART 1의 기능으로 프로메테우스와 그라파나를 설치해 보겠습니다. PART 2에서는 이 부분을 이어 가겠습니다. 기능 요소 프로메테우스와 그라파나에 Persistent 볼륨 연결 (PART 1) 어떠한 세팅을 하여도 Pod가 리셋 되었을시에 하드에 저장되므로 모든 데이터가 초기화되지 않습니다 SSL 인증된 도메인 주소로 그라파나에 접속 (PART 2) Port Forwarding을 하지 않고도 인터넷상에서 접속을 할수있습니다 Prerequisites - 준비사항 쿠버네티스 환경 구축 kubernetes-helm 설치 1. nginx ingress controller를 설치 아래의 커맨드는 ingress-nginx라는 네임스페이스에 설치가 됩니다. 이 서비스는 Part 2에서 아주 ..

개발 (Development & Coding)/한글본 (Korean) 2022. 12. 19. 08:00

T-SQL (Transact-SQL)에서 Table-Valued Function (TVF)는 아주 유용한 기능 중 하나입니다. 이 함수를 이용하면 하나의 테이블이 리턴이 되죠. 특히 Entity Framework에서 아주 유용하게 쓰입니다. Entity Framework Core에서는 Stored Procedure를 이용하여 데이터 셋을 리턴하기가 쉽지 않지만 TVF를 이용하면 다른 코드 없이 바로 자동으로 모델이 생성되고 리턴이 됩니다. TVF는 두 가지가 있습니다 Inline Table-Valued Function 한 블록의 SELECT t-sql 코드로 테이블을 리턴 Multi-statement Table-Valued Function 여러 라인의 로직이 들어간 후 SELECT t-sql을 이용하여 ..

개발 (Development & Coding)/한글본 (Korean) 2022. 12. 12. 08:00

애플리케이션을 만들어 보다 보면 아주 많은 클래스들을 만들게 되는데요, 데이터베이스 (Entity Framework) 나 Web Api를 이용하다 보면 소스 클래스에서 애플리케이션에 이용할 다른 클래스로 Conversion과 Mapping을 해야 하는 경우가 종종 있습니다. 하지만 거의 Property 이름이 같은 경우가 많죠. https://automapper.org/ AutoMapper What is AutoMapper? AutoMapper is a simple little library built to solve a deceptively complex problem - getting rid of code that mapped one object to another. This type of code ..

개발 (Development & Coding)/한글본 (Korean) 2022. 12. 5. 08:00

Azure AKS에서 Prometheus (프로메테우스)와 Grafana (그라파나)를 윈도즈 환경에서 쉽게 설치하는 방법을 간단히 소개드리겠습니다. 쿠버네티스에서 Monitoring과 Alerting을 담당하는 부분은 Prometheus와 Grafana 가 쉽게 도와주고 있는데요. Prometheus는 AKS Monitor에서 로그를 가져와서 그래프같이 대시보드를 만들 수가 있습니다. 하지만 Prometheus를 사용하기가 어렵죠. 그래서 Grafana를 이용하는데 Grafana의 단점은 데이터소스가 필요하다는 것입니다. 그래서 Prometheus 나 Azure Monitor를 데이터 소스로 이용을 하면 쉽게 Grafana로 쿠버네티스 환경을 모니터링할 수 있는 대시보드를 쉽게 만들 수 있습니다. 1...

개발 (Development & Coding)/한글본 (Korean) 2022. 12. 2. 14:56

웹앱에서 팝업 창을 이용하는 것이 아주 까다롭습니다. 더군다나 iOS에서는 잘 호환이 안되죠. 여러 리서치를 하고 나서 테스트 결과 다음 아래의 방법이 Windows, Android, macOS, iOS에서의 여러 브라우저와 호환이 가능하다고 결론이 나왔습니다. 문제 되는 점은 iOS와 macOS의 사파리 브라우저입니다. iOS는 먼저 iOS 세팅에서 팝업 해제를 하여야 하고 macOS 에서는 사파리 브라우저 세팅에서 팝업 해제를 해야 합니다. 게다가 macOS의 사파리는 asynchronous 콜에서 (예제로 $.ajax 콜) callback 함수 중에 팝업창을 열지 못하게 막아놨습니다. 그래서 모든 상황에 맞춰서 코딩을 해야 하죠. 팝업창 사용 시 유용한 세 가지 기능을 비모바일과 모바일 환경으로 나..

개발 (Development & Coding)/한글본 (Korean) 2022. 12. 2. 14:04