I am ASP.NET Core Razor Pages

SangHoon Han
SangHoon HanWeb Developer en Nexon Korea
I am ASP.NET Core Razor Pages
ASP.NET Core Razor Pages?
• 페이지 기반의 웹앱을 쉽고, 생산적으로 만들 수 있는 ASP.NET Core MVC의
새로운 기능
• 필요 구성 요소
• .NET Core 2.0.0
• Visual Studio를 사용할 경우 Visual Studio 2017 15.3 버전 이상
• ASP.NET 및 웹 개발
• .NET Core 플랫폼 간 개발
새로운 웹앱 템플릿
간소화된 프로젝트 구조
Core MVC Razor Pages
@page
• Razor Pages의 핵심 요소
• 페이지의 첫 번째 지시문으로 @page 를 추가.
• 파일이 MVC 액션으로 동작할 수 있게 해 줌.
• 컨트롤러를 거치지 않고 요청을 직접 처리.
PageModel
• “<PageName>Model” 형태로 정의되며 페이지와 동일한 네임스페이스에 위치.
• 비하인드 코드 파일 형태(ex : PageName.cshtml.cs)
• UI 영역과 로직 영역을 분리.
• @model 지시문을 사용하여 지정.
Controller, Action Method
• 별도의 Controller가 필요 없음.
• Action Method를 Handler로 대체.
• Handler는 On[Http Verb]형태로 정의.
• OnGet (또는 OnGetAsync)
• OnPost (또는 OnPostAsync)
• 기타
• 명명된 Handler 사용 가능
• OnGetProduct(), OnPostProductList(), …
파일 시스템 기반의 URL 연결
• 페이지에 대한 URL 연결은 파일 시스템 기반의 페이지 위치에 따라 결정
• /Pages 폴더에서 시작되는 파일 경로
• @page 지시문을 사용하여 Route Parameter 추가 가능
• @page “{id:int}” -> /pagename/1
간단한 정적 페이지 생성 시나리오(Core MVC)
Controller 추가
Action Method 추가
View 폴더 추가
View 파일 추가
간단한 정적 페이지 생성 시나리오(Razor Pages)
Page 추가
DEMO
ASP.NET Core Razor Pages 살펴보기
Razor Pages의 장점 및 활용 방안(아주 조심스럽게 생각해보는)
• Easy! Simple!
• 웹 페이지를 생성하는 데 최적화되어 있음.
• HTML View, Json, 파일, 기타 등등 다양한 동작을 포함하는 MVC 컨트롤러
가 생성되는 것을 방지할 수 있음.
Razor Pages MVC / Web API
HTML View REST API, SOA
참고 자료
• Introduction to Razor Pages in ASP.NET Core
• https://docs.microsoft.com/en-us/aspnet/core/mvc/razor-pages
• Get started with Razor Pages in ASP.NET Core
• https://docs.microsoft.com/en-us/aspnet/core/tutorials/razor-pages
• Introducing Razor Pages
• https://channel9.msdn.com//events/dotnetConf/2017/T317/
• ASP.NET Razor Pages vs MVC: How Do Razor Pages Fit in Your Toolbox?
• https://stackify.com/asp-net-razor-pages-vs-mvc/
커뮤니티 소개
ASP.NET Korea User Group : http://aspnet.kr
TAEYO.NET : http://taeyo.net
I am ASP.NET Core Razor Pages
1 de 15

Recomendados

[Td 2015]각이 다른 mvc6! 그 여섯 번째 이야기!(최지훈) por
[Td 2015]각이 다른 mvc6! 그 여섯 번째 이야기!(최지훈)[Td 2015]각이 다른 mvc6! 그 여섯 번째 이야기!(최지훈)
[Td 2015]각이 다른 mvc6! 그 여섯 번째 이야기!(최지훈)Sang Don Kim
1.3K vistas37 diapositivas
5.page typescript por
5.page typescript5.page typescript
5.page typescript이경주 이경주
244 vistas3 diapositivas
루비온레일즈_01_간단한 정적인 홈페이지 제작 por
루비온레일즈_01_간단한 정적인 홈페이지 제작루비온레일즈_01_간단한 정적인 홈페이지 제작
루비온레일즈_01_간단한 정적인 홈페이지 제작SangHun Lee
774 vistas6 diapositivas
Jsp 기본요소 por
Jsp 기본요소Jsp 기본요소
Jsp 기본요소cooddy
318 vistas9 diapositivas
Single Page Web por
Single Page WebSingle Page Web
Single Page Web종복 박
863 vistas7 diapositivas
React.js 세미나 por
React.js 세미나React.js 세미나
React.js 세미나Boram Kim
238 vistas72 diapositivas

Más contenido relacionado

La actualidad más candente

WAS와 웹서버 간단 정리 por
WAS와 웹서버 간단 정리WAS와 웹서버 간단 정리
WAS와 웹서버 간단 정리ChangHyeon Bae
1.3K vistas7 diapositivas
Jsp convert to Servlet por
Jsp convert to ServletJsp convert to Servlet
Jsp convert to ServletJU Chae
728 vistas21 diapositivas
두근두근 ASP.NET 5! por
두근두근 ASP.NET 5!두근두근 ASP.NET 5!
두근두근 ASP.NET 5!SangHoon Han
3.6K vistas35 diapositivas
20201223 jquery por
20201223 jquery20201223 jquery
20201223 jquerysonhyungsoo
25 vistas5 diapositivas
WebAssembly 101 por
WebAssembly 101WebAssembly 101
WebAssembly 101HyunSeob Lee
3.1K vistas41 diapositivas
React por
ReactReact
ReactMinJae Kang
536 vistas28 diapositivas

La actualidad más candente(20)

WAS와 웹서버 간단 정리 por ChangHyeon Bae
WAS와 웹서버 간단 정리WAS와 웹서버 간단 정리
WAS와 웹서버 간단 정리
ChangHyeon Bae1.3K vistas
Jsp convert to Servlet por JU Chae
Jsp convert to ServletJsp convert to Servlet
Jsp convert to Servlet
JU Chae728 vistas
두근두근 ASP.NET 5! por SangHoon Han
두근두근 ASP.NET 5!두근두근 ASP.NET 5!
두근두근 ASP.NET 5!
SangHoon Han3.6K vistas
Asp.net Razor por Sang Yun Kim
Asp.net Razor Asp.net Razor
Asp.net Razor
Sang Yun Kim3.1K vistas
Ror 2주차(컨트롤러 생성) por SangHun Lee
Ror 2주차(컨트롤러 생성)Ror 2주차(컨트롤러 생성)
Ror 2주차(컨트롤러 생성)
SangHun Lee466 vistas
브라우저는 어떻게 동작하는가? por Minseok Jang
브라우저는 어떻게 동작하는가?브라우저는 어떻게 동작하는가?
브라우저는 어떻게 동작하는가?
Minseok Jang143 vistas
[Td 2015]두근두근 asp.net 5(한상훈) por Sang Don Kim
[Td 2015]두근두근 asp.net 5(한상훈)[Td 2015]두근두근 asp.net 5(한상훈)
[Td 2015]두근두근 asp.net 5(한상훈)
Sang Don Kim1.1K vistas
Front-end Development with Ruby on Rails por 추근 문
Front-end Development with Ruby on RailsFront-end Development with Ruby on Rails
Front-end Development with Ruby on Rails
추근 문3.5K vistas
자바 서블릿과 세션 (Java Servlet, Session) por Yu Yongwoo
자바 서블릿과 세션 (Java Servlet, Session)자바 서블릿과 세션 (Java Servlet, Session)
자바 서블릿과 세션 (Java Servlet, Session)
Yu Yongwoo811 vistas
최근 Javascript framework 조사 por Kichul Jung
최근 Javascript framework 조사최근 Javascript framework 조사
최근 Javascript framework 조사
Kichul Jung744 vistas
Ror 4주차(루비맛보기, form 태그) por SangHun Lee
Ror 4주차(루비맛보기, form 태그)Ror 4주차(루비맛보기, form 태그)
Ror 4주차(루비맛보기, form 태그)
SangHun Lee526 vistas
모듈시스템과 webpack por DataUs
모듈시스템과 webpack모듈시스템과 webpack
모듈시스템과 webpack
DataUs54 vistas
Vue.js와 Firebase를 활용한 웹 서비스 개발 por Aria (In Suk) Kim
Vue.js와 Firebase를 활용한 웹 서비스 개발Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발
Aria (In Suk) Kim2K vistas
PHP Slim Framework with Angular por JT Jintae Jung
PHP Slim Framework with AngularPHP Slim Framework with Angular
PHP Slim Framework with Angular
JT Jintae Jung1.6K vistas

Similar a I am ASP.NET Core Razor Pages

어서 와~ ASP.NET Core는 처음이지? por
어서 와~ ASP.NET Core는 처음이지?어서 와~ ASP.NET Core는 처음이지?
어서 와~ ASP.NET Core는 처음이지?SangHoon Han
341 vistas23 diapositivas
One ASP.NET por
One ASP.NETOne ASP.NET
One ASP.NETSangHoon Han
57 vistas20 diapositivas
드래그홈2010홈페이지제안서 por
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서draghome
2K vistas23 diapositivas
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌) por
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)SangIn Choung
1.9K vistas67 diapositivas
04.실행환경 교육교재(화면처리) por
04.실행환경 교육교재(화면처리)04.실행환경 교육교재(화면처리)
04.실행환경 교육교재(화면처리)Hankyo
818 vistas83 diapositivas
ASP.NET Core와 Azure App Service와의 환상적인 만남 por
ASP.NET Core와 Azure App Service와의 환상적인 만남ASP.NET Core와 Azure App Service와의 환상적인 만남
ASP.NET Core와 Azure App Service와의 환상적인 만남SangHoon Han
42 vistas9 diapositivas

Similar a I am ASP.NET Core Razor Pages (20)

어서 와~ ASP.NET Core는 처음이지? por SangHoon Han
어서 와~ ASP.NET Core는 처음이지?어서 와~ ASP.NET Core는 처음이지?
어서 와~ ASP.NET Core는 처음이지?
SangHoon Han341 vistas
드래그홈2010홈페이지제안서 por draghome
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서
draghome2K vistas
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌) por SangIn Choung
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)
테스터도 알아야 할 웹 개발(테스트 교육 3장 1절 부분발췌)
SangIn Choung1.9K vistas
04.실행환경 교육교재(화면처리) por Hankyo
04.실행환경 교육교재(화면처리)04.실행환경 교육교재(화면처리)
04.실행환경 교육교재(화면처리)
Hankyo818 vistas
ASP.NET Core와 Azure App Service와의 환상적인 만남 por SangHoon Han
ASP.NET Core와 Azure App Service와의 환상적인 만남ASP.NET Core와 Azure App Service와의 환상적인 만남
ASP.NET Core와 Azure App Service와의 환상적인 만남
SangHoon Han42 vistas
Spring mvc por ksain
Spring mvcSpring mvc
Spring mvc
ksain2.1K vistas
[KAU UMC 컨퍼런스] Java 기반 Web의 역사 - 김준기 por JunGi Kim
[KAU UMC 컨퍼런스] Java 기반 Web의 역사 - 김준기[KAU UMC 컨퍼런스] Java 기반 Web의 역사 - 김준기
[KAU UMC 컨퍼런스] Java 기반 Web의 역사 - 김준기
JunGi Kim26 vistas
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기 por sung ki choi
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기
sung ki choi1.9K vistas
임태현, IIS with ASP.NET por 태현 임
임태현, IIS with ASP.NET임태현, IIS with ASP.NET
임태현, IIS with ASP.NET
태현 임397 vistas
웹:앱 기술 동향 por ssuser0e53c8
웹:앱 기술 동향웹:앱 기술 동향
웹:앱 기술 동향
ssuser0e53c840 vistas
Spring MVC por ymtech
Spring MVCSpring MVC
Spring MVC
ymtech2.6K vistas
드래그홈2013표준제안서 por draghome
드래그홈2013표준제안서드래그홈2013표준제안서
드래그홈2013표준제안서
draghome738 vistas
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨 por sys4u
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
sys4u1.9K vistas
처음부터 다시 배우는 HTML5 & CSS3 1일차 por Michael Yang
처음부터 다시 배우는 HTML5 & CSS3 1일차처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차
Michael Yang10.8K vistas

Más de SangHoon Han

VSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application Insights por
VSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application InsightsVSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application Insights
VSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application InsightsSangHoon Han
77 vistas42 diapositivas
최신 IT 트렌드, 그리고 Web을 만드는 사람들 por
최신 IT 트렌드, 그리고 Web을 만드는 사람들최신 IT 트렌드, 그리고 Web을 만드는 사람들
최신 IT 트렌드, 그리고 Web을 만드는 사람들SangHoon Han
61 vistas21 diapositivas
ASP.NET Web API를 활용한 RESTful 서비스 개발 por
ASP.NET Web API를 활용한 RESTful 서비스 개발ASP.NET Web API를 활용한 RESTful 서비스 개발
ASP.NET Web API를 활용한 RESTful 서비스 개발SangHoon Han
113 vistas41 diapositivas
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf por
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdfSangHoon Han
81 vistas22 diapositivas
ASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdf por
ASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdfASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdf
ASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdfSangHoon Han
103 vistas31 diapositivas
ASP.NET 4 New Features por
ASP.NET 4 New FeaturesASP.NET 4 New Features
ASP.NET 4 New FeaturesSangHoon Han
82 vistas37 diapositivas

Más de SangHoon Han(16)

VSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application Insights por SangHoon Han
VSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application InsightsVSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application Insights
VSO의 매력 터지는 핵심 기능! 클라우드 기반의 성능 분석 도구 Application Insights
SangHoon Han77 vistas
최신 IT 트렌드, 그리고 Web을 만드는 사람들 por SangHoon Han
최신 IT 트렌드, 그리고 Web을 만드는 사람들최신 IT 트렌드, 그리고 Web을 만드는 사람들
최신 IT 트렌드, 그리고 Web을 만드는 사람들
SangHoon Han61 vistas
ASP.NET Web API를 활용한 RESTful 서비스 개발 por SangHoon Han
ASP.NET Web API를 활용한 RESTful 서비스 개발ASP.NET Web API를 활용한 RESTful 서비스 개발
ASP.NET Web API를 활용한 RESTful 서비스 개발
SangHoon Han113 vistas
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf por SangHoon Han
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
SangHoon Han81 vistas
ASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdf por SangHoon Han
ASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdfASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdf
ASP.NET MVC Framework 개발자를 위한 Razor Syntax.pdf
SangHoon Han103 vistas
ASP.NET 4 New Features por SangHoon Han
ASP.NET 4 New FeaturesASP.NET 4 New Features
ASP.NET 4 New Features
SangHoon Han82 vistas
Developer`s Web Standard por SangHoon Han
Developer`s Web StandardDeveloper`s Web Standard
Developer`s Web Standard
SangHoon Han147 vistas
ASP.NET 4.0 New Features Part2 - URL Routing(ASP.NET WebForms) por SangHoon Han
ASP.NET 4.0 New Features Part2 - URL Routing(ASP.NET WebForms)ASP.NET 4.0 New Features Part2 - URL Routing(ASP.NET WebForms)
ASP.NET 4.0 New Features Part2 - URL Routing(ASP.NET WebForms)
SangHoon Han191 vistas
Blazor와 안면 트기! por SangHoon Han
Blazor와 안면 트기!Blazor와 안면 트기!
Blazor와 안면 트기!
SangHoon Han654 vistas
ASP.NET의 시작(or 재시작)을 어려워하는 이들을 위한 길라잡이 por SangHoon Han
ASP.NET의 시작(or 재시작)을 어려워하는 이들을 위한 길라잡이ASP.NET의 시작(or 재시작)을 어려워하는 이들을 위한 길라잡이
ASP.NET의 시작(or 재시작)을 어려워하는 이들을 위한 길라잡이
SangHoon Han336 vistas
ASP.NET Core 3.0과 Blazor를 활용한 새로운 WEB 개발(그리고 Try.NET) por SangHoon Han
ASP.NET Core 3.0과 Blazor를 활용한 새로운 WEB 개발(그리고 Try.NET)ASP.NET Core 3.0과 Blazor를 활용한 새로운 WEB 개발(그리고 Try.NET)
ASP.NET Core 3.0과 Blazor를 활용한 새로운 WEB 개발(그리고 Try.NET)
SangHoon Han1.9K vistas
Intelligent Kiosk와 함께 떠나는 Microsoft Cognitive Services 탐험 por SangHoon Han
Intelligent Kiosk와 함께 떠나는 Microsoft Cognitive Services 탐험Intelligent Kiosk와 함께 떠나는 Microsoft Cognitive Services 탐험
Intelligent Kiosk와 함께 떠나는 Microsoft Cognitive Services 탐험
SangHoon Han515 vistas
커뮤니티와 함께하는 슬기로운 개발생활 por SangHoon Han
커뮤니티와 함께하는 슬기로운 개발생활커뮤니티와 함께하는 슬기로운 개발생활
커뮤니티와 함께하는 슬기로운 개발생활
SangHoon Han292 vistas
크로스플랫폼으로 다시 태어난 ASP.NET Core por SangHoon Han
크로스플랫폼으로 다시 태어난 ASP.NET Core크로스플랫폼으로 다시 태어난 ASP.NET Core
크로스플랫폼으로 다시 태어난 ASP.NET Core
SangHoon Han3.4K vistas
크로스 플랫폼을 지향하는 Alm, 당황하지 않고 vso로 빡! 끝! por SangHoon Han
크로스 플랫폼을 지향하는 Alm, 당황하지 않고 vso로 빡! 끝!크로스 플랫폼을 지향하는 Alm, 당황하지 않고 vso로 빡! 끝!
크로스 플랫폼을 지향하는 Alm, 당황하지 않고 vso로 빡! 끝!
SangHoon Han649 vistas
이제 온라인이다! 브라우저 안으로 들어온 Visual studio! por SangHoon Han
이제 온라인이다! 브라우저 안으로 들어온 Visual studio!이제 온라인이다! 브라우저 안으로 들어온 Visual studio!
이제 온라인이다! 브라우저 안으로 들어온 Visual studio!
SangHoon Han2.1K vistas

I am ASP.NET Core Razor Pages

  • 2. ASP.NET Core Razor Pages? • 페이지 기반의 웹앱을 쉽고, 생산적으로 만들 수 있는 ASP.NET Core MVC의 새로운 기능 • 필요 구성 요소 • .NET Core 2.0.0 • Visual Studio를 사용할 경우 Visual Studio 2017 15.3 버전 이상 • ASP.NET 및 웹 개발 • .NET Core 플랫폼 간 개발
  • 5. @page • Razor Pages의 핵심 요소 • 페이지의 첫 번째 지시문으로 @page 를 추가. • 파일이 MVC 액션으로 동작할 수 있게 해 줌. • 컨트롤러를 거치지 않고 요청을 직접 처리.
  • 6. PageModel • “<PageName>Model” 형태로 정의되며 페이지와 동일한 네임스페이스에 위치. • 비하인드 코드 파일 형태(ex : PageName.cshtml.cs) • UI 영역과 로직 영역을 분리. • @model 지시문을 사용하여 지정.
  • 7. Controller, Action Method • 별도의 Controller가 필요 없음. • Action Method를 Handler로 대체. • Handler는 On[Http Verb]형태로 정의. • OnGet (또는 OnGetAsync) • OnPost (또는 OnPostAsync) • 기타 • 명명된 Handler 사용 가능 • OnGetProduct(), OnPostProductList(), …
  • 8. 파일 시스템 기반의 URL 연결 • 페이지에 대한 URL 연결은 파일 시스템 기반의 페이지 위치에 따라 결정 • /Pages 폴더에서 시작되는 파일 경로 • @page 지시문을 사용하여 Route Parameter 추가 가능 • @page “{id:int}” -> /pagename/1
  • 9. 간단한 정적 페이지 생성 시나리오(Core MVC) Controller 추가 Action Method 추가 View 폴더 추가 View 파일 추가
  • 10. 간단한 정적 페이지 생성 시나리오(Razor Pages) Page 추가
  • 11. DEMO ASP.NET Core Razor Pages 살펴보기
  • 12. Razor Pages의 장점 및 활용 방안(아주 조심스럽게 생각해보는) • Easy! Simple! • 웹 페이지를 생성하는 데 최적화되어 있음. • HTML View, Json, 파일, 기타 등등 다양한 동작을 포함하는 MVC 컨트롤러 가 생성되는 것을 방지할 수 있음. Razor Pages MVC / Web API HTML View REST API, SOA
  • 13. 참고 자료 • Introduction to Razor Pages in ASP.NET Core • https://docs.microsoft.com/en-us/aspnet/core/mvc/razor-pages • Get started with Razor Pages in ASP.NET Core • https://docs.microsoft.com/en-us/aspnet/core/tutorials/razor-pages • Introducing Razor Pages • https://channel9.msdn.com//events/dotnetConf/2017/T317/ • ASP.NET Razor Pages vs MVC: How Do Razor Pages Fit in Your Toolbox? • https://stackify.com/asp-net-razor-pages-vs-mvc/
  • 14. 커뮤니티 소개 ASP.NET Korea User Group : http://aspnet.kr TAEYO.NET : http://taeyo.net