ASP.NET Core 기본 제공 회원 인증 UI

• 1/20/2024
• 2 minutes to read

1. 프로젝트 생성

1.1. 프로젝트 생성하기

dotnet new razorpages -n Zero -au Individual

이 명령어는 'Zero'라는 이름의 Razor Pages 프로젝트를 생성하며, -au Individual 옵션은 개별 사용자 계정을 사용하겠다는 것을 의미합니다.

2. 기본 기능 구현하기

2.1. 회원 가입

회원 가입 기능은 ASP.NET Core Identity에 기본적으로 포함되어 있습니다. 프로젝트를 실행하여 https://localhost:{PORT}/Identity/Account/Register로 이동하면 회원 가입 페이지를 볼 수 있습니다.

2.2. 로그인

로그인 기능 또한 기본적으로 포함되어 있습니다. https://localhost:{PORT}/Identity/Account/Login으로 이동하여 로그인할 수 있습니다.

2.3. 회원정보 수정

회원정보 수정 페이지는 https://localhost:{PORT}/Identity/Account/Manage에서 접근할 수 있습니다.

2.4. 로그아웃

로그아웃은 로그인된 상태에서 사용할 수 있는 기능으로, _LoginPartial.cshtml 뷰 파일에 구현되어 있습니다.

3. ASP.NET Core Identity UI 스캐폴딩

3.1. 스캐폴딩 추가

프로젝트 루트 디렉토리에서 다음 명령어를 실행합니다:

dotnet aspnet-codegenerator identity -dc Zero.Data.ApplicationDbContext

이 명령은 Identity 관련 Razor 페이지들을 프로젝트에 추가합니다.

3.2. 로그인 페이지 제목 수정

Areas/Identity/Pages/Account/Login.cshtml 파일을 열고, <h1> 태그의 내용을 "로그인"으로 변경합니다.

<h1>로그인</h1>

4. 테스트

변경한 프로젝트를 실행하여 로그인 페이지의 제목이 한글로 "로그인"으로 변경되었는지 확인합니다.