upgrade and develop

  • 홈
  • 태그
  • 방명록

@bind 1

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

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

language/blazor 2026.07.07
이전
1
다음
더보기
프로필사진

upgrade and develop

https://github.com/undcore

  • 분류 전체보기 (66) N
    • language (26) N
      • c (5)
      • c++ (2)
      • c# (1)
      • java (3)
      • python (0)
      • html (2)
      • visual_basic (1)
      • blazor (11) N
      • android studio (1)
    • data (9) N
      • database (3)
      • oracle (6) N
      • postgresql (0)
      • sql_server (0)
    • computer_science (19) N
      • algorithm (4)
      • data_structure (2)
      • os (2)
      • network (6) N
      • security (2)
      • computer_architecture (3)
    • license (0)
      • 정보처리기사 (0)
      • 네트워크관리사 (0)
    • study (12) N
      • git&github (1)
      • server (8) N
      • memo (3)

Tag

aspnetcore, 인터넷보안, Algorithm, c프로그래밍, 조건문, cloudflare, 반복문, loginservice, Frontend, SQLServer, Csharp, switch문, RAZOR, DOTNET, Java, 오라클, docker, blazor, Home Server, 순서도, 컴퓨터네트워크, ubuntu, 배열, DependencyInjection, c언어, 데이터베이스, SQL, 인터넷활용, github actions, for문,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/08   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바