다음은 제일 왼쪽에 있는 사용자가 제일 오른쪽에 있는 데이터 저장소 SQL Server에 저장된 데이터를 웹 브라우저로 볼 수 있는 형태의 웹 응용 프로그램을 제작할 때 주로 사용하는 계층별 구조를 표현해 본 그림이다. 주요 영역에 대한 간단한 설명은 다음과 같다.

• 데이터 저장소: SQL Server처럼 실제 데이터를 저장해 놓는 영역을 말한다. 책에서는 SQL Server LocalDB를 사용한다.

• 리파지터리: 데이터 저장소의 데이터를 바탕으로 CRUD 작업을 진행하는 영역이다. ADO.NET과 같이 데이터베이스 연동 코드가 위치한다. Entity Framework와 같은 ORM이 사용되는 영역인데 책에서는 ADO.NET을 바탕으로 Micro ORM인 Dapper를 사용한다.

• Web API 및 MVC: 리파지터리를 통해서 데이터베이스와 연동되는 비즈니스 로직이 들어오는 영역이다.

• 클라이언트 및 서버 기술: Web API와 제이쿼리, 앵귤러 등의 자바스크립트 라이브러리가 사용되는 부분이다. MVC와 레이저 구문을 통해서 바로 데이터를 출력해도 된다.

• 웹 브라우저: 웹 폼 기술을 사용하면 aspx 파일을 통해서 웹 페이지가 표시되고, MVC 기술을 사용하면 /Home/Index와 같이 경로 기반으로 실행된다. Web API와 자바스크립트 라이브러리를 사용하면 순수 HTML 기반에서 실행되기에 모든 웹 기술에서 웹 페이지를 표시할 수 있다.