본문 바로가기
반응형

프로그래밍475

Blazor에서 Timepicker UI 생성하기 날짜를 입력받는 Timepicker 생성하기 웹 페이지를 작성하다 보면 날짜를 입력받고 세팅해야 하는 상황이 생기기 마련입니다. 이때 Bootstrap에서 지원하는 datetime-local을 사용하면 간단하게 날짜를 입력받고 세팅하는 게 가능합니다. 예제 코드 @{ Show a Date and Time Control Birthday (date and time): Note: type="datetime-local" is not supported in Internet Explorer 11 or prior Safari 14.1. } @code // 초기화하지 않으면 UI에서 시간을 변경해도 정상적으로 작동하지 않는다. 꼭 초기화 해주자. private DateTime birthdaytime = DateTime.. 2023. 5. 18.
Razor vs Blazor 둘은 어떻게 다른가? ASP.NET 환경에서 Razor와 Blazor Razor Razor는 HTML와 임베디드를 사용해서 웹 페이지를 동적으로 생성하는 걸 가능하게 하는 Server-side 마크업 언어(Markup Syntax)다. Razor는 Razor 페이지를 통해서 웹페이지를 생성한다. 웹 페이지 템플릿 파일은 C#과 VB으로 작성된다. VB코드로 작성된 razor 페이지의 확장자 .vbhtml C# 코드로 작성된 razor 페이지의 확장자 .cshtml Blazor Blazor는 .NET 프로그래밍 언어를 사용하여 클라이언트 사이드 반응형 애플리케이션을 빌드할 수 있도록 지원하는 웹 애플리케이션 프레임워크다. Blazor로 빌드된 single-page application(SPA)은 웹 브라우저 안에서 실행된다. .. 2023. 5. 17.
Blazor 사용을 결정한 이유 Blazor란? 웹 브라우저에서 실행되는 .NET 웹 프레임워크이다. .NET에서 제공하는 것과 동일한 일관성, 안정성 및 생산성으로 풀스택 앱 개발을 번들로 제공한다. WebAssembly를 통해 구현되기 때문에 완전히 오픈소스로 제공된다. Blazor를 사용해서 풀스택 웹 앱을 만들 때의 장점 Blazor는 Vue나 React와 같이 Single-Page-Application(SPA)의 이점을 동일하게 가지고 있다. 게다가 클라사이드와 서버사이드의 코딩을 동일하게 .NET 기술을 통해서 구현이 가능하다. 즉 동일한 클래스들을 양쪽에서 재사용이 가능하다. 브라우저에서 .NET 코드를 실행할 수 있다. JavaScript보다 빠르다. 클라이언트와 서버의 코드 공유가 가능하다. 오프라인에서 실행이 가능하다.. 2023. 5. 16.
Blazor에서 @code{}와 @{}에 대해서 @code{...} Razor 구성요소에서만 유효합니다.(.razor 파일) 이 블록을 사용하면 Razor 구성요소에 C# 멤버(필드, 속성 및 메서드)를 추가할 수 있습니다. //razor @code { // C# members (fields, properties, and methods) } @{...} (Razor code blocks) Razor 코드 블록은 @로 시작하고 {}으로 감싸집니다. 표현식과 다르게 코드 블럭 안에 있는 C# 코드는 렌더링 되지 않습니다. 뷰 안에 코드 블록과 표현식은 동일한 스코프를 공유하며 순서대로 정의됩니다. @{ var quote = "The future depends on what you do today. - Mahatma Gandhi"; } @quote @{ q.. 2023. 5. 15.
Ubuntu 프로세스 실행 시 nohup과 &에 대해서 nohup에 대해서 현재 사용자 세션이 아닌 운영체제가 제공하는 백그라운드 공간에서 실행한다. 사용자의 세션이 종료되어도 지금 실행시킨 프로세스는 종료되지 않는다. (종료하기 위해서 프로세스의 PID를 찾아서 Kill 해줘야한다.) &에 대해서 로그인한 세션에서 계속 입력을 하기 위해 프로세스를 백그라운드로 실행시킬때 사용된다. &로 실행되는 프로세스는 사용자 세션이 로그아웃되는 시점에 같이 종료된다. nohup와 &의 결합 사용자의 세션이 종료되어도 유지되는 프로세스를 백그라운드로 실행한다. $ nohup ./ServerApp & nohup 실행시 뜨는 경고문 Ubuntu에서 nohup를 사용해서 프로세스를 실행했는데 실행시에 nohup: ignoring input and appending output.. 2023. 5. 12.
Blazor Server App을 Ubuntu에 배포하기 준비물 Blazor Server App을 빌드할 Window Blazor Server App을 배포할 Ubuntu Blazor Server App 게시 결과물 Blazor Server App 프로젝트 추가 Blazor Server App 게시 Console Command로도 게시가 가능하다. dotnet publish -c Release --self-contained -r linux-x64 해당 옵션으로 Blazor Server App을 게시(publish)하자. 배포 모드를 자체 포함으로 선택하면 .NET Framework 설치 없이도 리눅스에서 실행이 가능하다. 우분투(Ubuntu)에서 실행 실행 파일을 WinSCP 혹은 PSCP를 통해서 윈도우에서 리눅스로 복사하자. PSCP 사용 관련해서는 아래의.. 2023. 5. 12.

티스토리툴바