Share via

ASP.NET 4.5 Web Forms 및 Visual Studio 2017을 사용하여 시작

  • 아티클

이 자습서 시리즈에서는 ASP.NET 4.5 및 Microsoft Visual Studio 2017을 사용하여 ASP.NET Web Forms 애플리케이션을 빌드하는 방법을 보여줍니다.

소개

이 자습서 시리즈에서는 Visual Studio 2017 및 ASP.NET 4.5를 사용하여 ASP.NET Web Forms 애플리케이션을 만드는 방법에 대해 설명합니다. 온라인으로 항목을 판매하는 간소화된 상점 웹 사이트인 Wingtip Toys 라는 애플리케이션을 만듭니다. 시리즈 중에는 새로운 ASP.NET 4.5 기능이 강조 표시됩니다.

대상 사용자

ASP.NET Web Forms 개발자는 이 자습서 시리즈의 대상 그룹입니다.

다음 영역에 대한 지식이 있어야 합니다.

  • OOP(개체 지향 프로그래밍) 및 언어
  • 웹 개발(HTML, CSS, JavaScript)
  • 관계형 데이터베이스
  • N 계층 아키텍처

이러한 영역을 검토하려면 다음 콘텐츠를 연구하는 것이 좋습니다.

애플리케이션 기능

이 시리즈에 제공되는 ASP.NET 웹 양식 기능은 다음과 같습니다.

  • 웹 애플리케이션 프로젝트(웹 사이트 프로젝트가 아님)
  • Web Forms
  • 마스터 페이지, 구성
  • 부트스트랩
  • Entity Framework Code First, LocalDB
  • 요청 유효성 검사
  • 강력한 형식의 데이터 컨트롤
  • 모델 바인딩
  • 데이터 주석
  • 값 공급자
  • SSL 및 OAuth
  • ASP.NET ID, 구성 및 권한 부여
  • 눈에 거슬리지 않는 유효성 검사
  • 라우팅
  • ASP.NET 오류 처리

애플리케이션 시나리오 및 작업

자습서 시리즈 작업에는 다음이 포함됩니다.

  • 새 프로젝트 만들기, 검토 및 실행
  • 데이터베이스 구조 만들기
  • 데이터베이스 초기화 및 시드
  • 스타일, 그래픽 및 master 페이지를 사용하여 UI 사용자 지정
  • 페이지 및 탐색 추가
  • 메뉴 세부 정보 및 제품 데이터 표시
  • 쇼핑 카트 만들기
  • SSL 및 OAuth 지원 추가
  • 결제 방법 추가
  • 애플리케이션에 관리자 역할 및 사용자 포함
  • 특정 페이지 및 폴더에 대한 액세스 제한
  • 웹 애플리케이션에 파일 업로드
  • 입력 유효성 검사 구현
  • 웹 애플리케이션에 대한 경로 등록
  • 오류 처리 및 오류 로깅 구현

개요

이 자습서 시리즈는 프로그래밍 개념에 익숙하지만 ASP.NET Web Forms 새로운 사용자를 위한 것입니다. 이미 ASP.NET Web Forms 익숙한 경우 이 시리즈는 새로운 ASP.NET 4.5 기능에 대해 알아보는 데 도움이 될 수 있습니다. 프로그래밍 개념 및 ASP.NET Web Forms 익숙하지 않은 독자는 ASP.NET 웹 사이트의 시작 섹션에 제공된 추가 Web Forms 자습서를 참조하세요.

이 자습서 시리즈에서 제공하는 ASP.NET 4.5에는 다음 기능이 포함되어 있습니다.

  • 많은 ASP.NET 프레임워크(Web Forms, MVC 및 Web API)를 지원하는 프로젝트를 만들기 위한 간단한 UI입니다.

  • 부트스트랩, 레이아웃, 테마 및 반응형 디자인 프레임워크.

  • ASP.NET ID는 모든 ASP.NET 프레임워크에서 동일하게 작동하고 IIS 이외의 웹 호스팅 소프트웨어에서 작동하는 새로운 ASP.NET 멤버 자격 시스템입니다.

  • Entity Framework 6

    다음을 수행할 수 있도록 하는 Entity Framework 업데이트

    • 강력한 형식의 개체로 데이터 검색 및 조작
    • 비동기적으로 데이터에 액세스
    • 일시적인 연결 오류 처리
    • 로그 SQL 문

전체 ASP.NET 4.5 기능 목록은 Visual Studio 2013 릴리스 정보에 대한 ASP.NET 및 Web Tools 참조하세요.

Wingtip Toys 샘플 애플리케이션

다음 스크린샷은 이 자습서 시리즈에서 만든 ASP.NET Web Forms 애플리케이션의 스크린샷입니다. Visual Studio에서 애플리케이션을 실행하면 다음 웹 홈 페이지가 나타납니다.

Wingtip Toys - 기본 페이지

새 사용자로 등록하거나 기존 사용자로 로그인할 수 있습니다. 위쪽 탐색에는 데이터베이스의 제품 범주 및 해당 제품에 대한 링크가 있습니다.

제품을 선택하면 사용 가능한 모든 제품이 표시됩니다.

Wingtip Toys - 제품

특정 제품을 선택하면 제품 세부 정보가 표시됩니다.

Wingtip Toys - 제품 세부 정보

사용자는 Web Forms 템플릿 기본 기능을 사용하여 등록하고 로그인할 수 있습니다. 이 자습서에서는 기존 Gmail 계정을 사용하여 로그인하는 방법도 설명합니다. 또한 관리자로 로그인하여 데이터베이스에서 제품을 추가하고 제거할 수 있습니다.

Wingtip Toys - 로그인

사용자로 로그인하면 쇼핑 카트에 제품을 추가하고 PayPal을 사용하여 체크 아웃할 수 있습니다. 샘플 애플리케이션은 PayPal의 개발자 샌드박스에서 작동하도록 설계되었습니다. 실제 돈 거래는 발생하지 않습니다.

Wingtip Toys - 쇼핑 카트

PayPal은 계정, 주문 및 결제 정보를 확인합니다.

Wingtip Toys - PayPal

PayPal에서 돌아온 후 주문을 검토하고 완료할 수 있습니다.

Wingtip Toys - 주문 검토

사전 요구 사항

시작하기 전에 다음 소프트웨어가 컴퓨터에 설치되어 있는지 확인합니다.

.NET Framework 자동으로 설치됩니다.

이 자습서 시리즈에서는 Microsoft Visual Studio Community 2017을 사용합니다. 해당 또는 Microsoft Visual Studio 2017을 사용하여 이 자습서 시리즈를 완료할 수 있습니다.

Visual Studio에 대한 다음 사항에 유의하세요.

  • Microsoft Visual Studio 2017 및 Microsoft Visual Studio Community 2017은 이 자습서 시리즈 전체에서 Visual Studio라고 합니다.

  • Visual Studio 2017은 이미 설치된 이전 버전 옆에 설치되어 있습니다. 이전 버전에서 만든 사이트는 Visual Studio 2017에서 열고 이전 버전에서 계속 열 수 있습니다.

  • Visual Studio를 처음 시작했을 때 웹 개발 설정을 선택한 것으로 간주됩니다. 자세한 내용은 방법: 웹 개발 환경 설정 선택을 참조하세요.

필수 구성 요소를 설치한 후에는 이 자습서 시리즈에 제공된 웹 프로젝트 만들기를 시작할 준비가 된 것입니다.

샘플 애플리케이션 다운로드

MSDN 샘플 사이트에서 언제든지 완료된 샘플 애플리케이션을 다운로드할 수 있습니다.

ASP.NET 4.5 Web Forms 및 Visual Studio 2013 시작 - Wingtip Toys(C#)

이 다운로드에는 다음 항목이 있습니다.

  • WingtipToys 폴더의 샘플 애플리케이션입니다.
  • WingtipToys 폴더의 WingtipToys-Assets 폴더에 샘플 애플리케이션을 만드는 데 사용되는 리소스입니다.

다운로드는 .zip 파일입니다. 이 자습서 시리즈에서 만든 완료된 프로젝트를 보려면 .zip 파일에서 C# 폴더를 찾아 선택합니다. C# 폴더를 Visual Studio 프로젝트 작업에 사용하는 폴더에 저장합니다. 기본적으로 Visual Studio 2017 프로젝트 폴더는 다음과 같습니다.

C:\Users\<username>\source\repos

C# 폴더의 이름을 WingtipToys로 바꿉니다.

참고

Projects 폴더 에 WingtipToys 라는 폴더가 이미 있는 경우 C# 폴더의 이름을 WingtipToys로 바꾸기 전에 해당 기존 폴더의 이름을 일시적으로 바꿉니다.

완료된 프로젝트를 실행하려면 WingtipToys 폴더를 열고 WingtipToys.sln 파일을 두 번 클릭합니다. Visual Studio 2017에서 프로젝트가 열립니다. 그런 다음 솔루션 탐색기 Default.aspx 파일을 마우스 오른쪽 단추로 클릭하고 브라우저에서 보기를 선택합니다.

ASP.NET Web Forms 퀴즈를 통해 콘텐츠 검토

자습서 시리즈를 완료한 후 퀴즈를 통해 지식을 테스트하고 주요 개념을 강화합니다. 각 질문은 추가 지침에 대한 설명과 링크를 제공합니다.

자습서 지원 및 설명

질문과 의견의 경우 ASP.NET 4.5 Web Forms 및 Visual Studio 2013 - Wingtip Toys(C#) 샘플 페이지가 있는 시작 포함된 Q 및 A 섹션을 사용합니다.

이 자습서 시리즈에 대한 의견을 환영합니다. 이 자습서 시리즈가 업데이트되면 개선 사항을 수정하거나 제안하기 위해 모든 노력을 기울입니다.

오류가 발생하면 해당 오류 메시지가 혼동될 수 있으며 이를 해결하는 방법에 대한 좋은 설명은 없습니다. 도움말을 보려면 ASP.NET 포럼을 검사 수 있습니다. 또 다른 좋은 소스는 ASP.NET 4.5 Web Forms 및 Visual Studio 2013 - Wingtip Toys (C#) 샘플 페이지가있는 시작 Q 및 A 섹션입니다.

다음