RAZOR 2

[Blazor Web App] 02. 첫 로그인 폼 만들기 - @bind, @onclick, 입력 검증, CSS 분리, 모델 바인딩까지

오늘 작업 목표이번에는 Blazor 기본 페이지인 Home.razor를 직접 수정하면서 간단한 로그인 폼을 만들었다.실제 로그인 기능을 완성한 것은 아니다. 아직 DB도 붙이지 않았고, 서버 인증도 하지 않았다. 오늘 한 작업은 로그인 화면에서 가장 앞단에 해당하는 부분이다.아이디 입력↓비밀번호 입력↓로그인 버튼 클릭↓입력값 검증↓성공 / 오류 메시지 출력↓입력값을 LoginRequest 클래스로 묶기 처음에는 그냥 변수 두 개를 만들고 입력값을 받으면 된다고 생각했다. 그런데 조금만 진행해도 아이디, 비밀번호, 메시지, CSS class 같은 값들이 한 파일에 계속 늘어났다.그래서 이번 글에서는 아주 작은 로그인 폼을 만들면서도, 나중에 실제 로그인 처리로 확장하기 좋게 입력값을 클래스로 묶는 데까지 ..

language/blazor 2026.07.07

[Blazor Web App] 01. 시작하기 - 프로젝트 생성부터 첫 화면이 출력되는 과정 이해하기

오늘 작업 목표오늘은 Blazor로 웹 프로젝트를 처음 만들면서, 프로젝트가 실행되고 첫 화면이 브라우저에 출력되기까지의 흐름을 정리했다.아직 로그인, 데이터베이스, 외부 API, Android WebView 연결까지 들어가지는 않았다.이번 글의 목표는 딱 여기까지다.Blazor Web App 프로젝트 생성↓렌더링 방식 선택↓Program.cs 이해↓App.razor 이해↓Routes.razor 이해↓Home.razor가 첫 화면으로 뜨는 이유 이해 처음에는 단순히 "웹 프로젝트 하나 만들면 되겠지"라고 생각했는데, 막상 Blazor 프로젝트를 만들려고 보니 선택지가 생각보다 많았다.특히 아래 용어들이 처음부터 헷갈렸다.Blazor Web AppBlazor ServerBlazor WebAssemblyIn..

language/blazor 2026.07.05