WebCamp

시삽: 레드플러스 님 
게시판 이동:
 제목 : 2. 최신 ASP.NET 기술로 웹 응용프로그램 만들기(One ASP.NET)
글번호: 3
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2015/02/17 오후 1:49:44
조회수: 2184

제목:
 Microsoft 기반 웹 개발 기술 A에서 Z까지 한눈에 살펴보기

강사:
 박용준(ASP.NET/IIS MVP)

내용 :

현대의 웹 개발에 필요한 기술들에 대한 소개와

ASP.NET을 통해서 어떻게 수많은 웹 개발 기술을 적용할 수 있는지에 대한

가이드를 제시하고자 합니다.

특정 기술에 대한 설명이 아닌 웹 개발의 전체 흐름을 알 수 있는 시간이 되도록 하겠습니다.


기술레벨 :
 100 (개발자/IT Pro라면 누구나 들어도 됨)

 

제목 : ASP.NET MVC 5 처음 시작하기

강사 소개
 박용준
 http://www.dotnetkorea.com/

세미나 소개
 ASP.NET MVC 5 소개
 ASP.NET MVC 5 기본 Web Application 프로젝트를 읽어낼 정도

선수 과목
 C#
 ASP.NET Web Forms

 

[프로젝트 생성 및 기본 구조]

ASP.NET MVC 5 프로젝트 생성 : Empty 프로젝트
 MvcEmptyProject
 - NuGet으로 여러 패키지가 기본값으로 추가됩니다.

기본 구조 소개
 전체 폴더 살펴보기
 Model, View, Controller
 RoutConfig.cs
  WebAPI 관련 코드 주석 처리

빌드 후 웹브라우저로 실행해보기
 컨트롤러/액션/뷰가 없으면 에러 남
 컨트롤러/액션/아이디

 

[컨트롤러(Controller)]

컨트롤러 생성 후 실행해 보기
 HomeController 생성  
 Index 액션 메서드
 - MVC는 뷰가 아닌 컨트롤러가 먼저 실행됨 확인

액션메서드에서 뷰 생성 후 실행해보기
 Index.cshtml
  간단 내용 출력

새로운 액션 메서드와 뷰 만들기
 About 액션 메서드 만들기 : return Content("");로도 값 출력 가능
  About 뷰 만들기

액션 메서드에서 다른 뷰 호출하는 방법 간단 설명
 return View("About");

액션 메서드에서 Json 값 반환하는 방법 설명 : Contact
 return Json(new { Name = "박용준" }, JsonRequestBehavior.AllowGet);

페이지간 이동 = 액션 메서드에서의 이동
 Response.Redirect()와 같은 기능 :
  return RedirectToXXX();
  return View(); 는 액션메서드와 뷰가 일대일 매핑된 경우

 

[뷰(View)]
 
레이아웃 만들기
 ~/Views/Shared/_Layout.cshtml
 Index, About 페이지에 레이아웃 적용하기
  Layout = "~/Views/Shared/_Layout.cshtml";

레이아웃 자동 적용하기
 ~/Views/_ViewStart.cshtml
  Index, About에서 따로 Layout 적용할 필요 없음

HTML Helpers : Web Forms의 서버 컨트롤
 Html.BeginForm() : form 태그 자동 생성

텍스트박스와 레이블 만들기
 @Html.TextBox("Name")
 @Html.TextBox("Email")
 @Html.TextBox("Age")

스타일시트 적용하여 폼 모양 이쁘게

폼 실행 결과는 Fiddler로 살펴보면 좋음

About에 대한 POST 액션 메서드 만들기
 [HttpPost] 만들기
 매개변수로 값 받기
 ViewBag.Result = String.Format(); 개체 사용해서 View 단으로 전달

 

[모델(Model)]
 
모델 만들기
 Person 모델
  Name
  Email
  Age
 
만들어진 모델을 뷰로 전달하기
 return View(vm);

모델을 바탕으로 뷰 헬퍼 만들기
 @Html.LableFor(x => x.FirstName)
 @Html.TextBoxFor(x => x.FirstName)

Post 액션 메서드에서 각각의 매개변수가 아닌 모델 개체로 받기

@Html.EditorForModel() 헬퍼 메서드로 모델에 따른 폼 구성

 

[유효성 검사(Validation)]

직접 유효성 검사 로직 적용
 Manual Validation
  ModelState.AddModelError("Name", "잘못");

DataAnnotation으로 유효성 검사
 [Required]
 [Required(ErrorMessage="이러쿵저러쿵")]

ModelState.IsValid로 컨트롤러 단에서 유효성 체크

 

[기타]

_Layout.cshtml에서 섹션 만들기
 @RenderSectin("featured", false)
 @section featured {}


참여해 주셔서 감사드립니다~~~

 

 

 


 

추가적인 HOL은 WebCamps Training Kit 설치 후 아래 경로의 문서를 참고하시기 바립니다.

C:\WebCampsTK\HOL\BringingTogetherOneAspNet\HOL.htm

 

 

 

 

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 3. jQuery, AngularJS, Bootstrap 등을 활용한 모던 웹 클라이... - Administrator 2015-02-17 2410
현재글 2. 최신 ASP.NET 기술로 웹 응용프로그램 만들기(One ASP.NET) - Administrator 2015-02-17 2184
  04. EF Scaffolding 기능을 사용하여 CRUD 기능 구현하기 - Administrator 2015-03-15 1749
  05. Micro ORM인 Dapper를 사용하여 데이터 조회하는 페이지 구현 - Administrator 2015-03-15 2343
  2-One ASP.NET.pdf 2-One ASP.NET.pdf(937 KB) Administrator 2015-04-02 1717
다음글 1. ASP.NET과 Visual Studio 2013을 활용한 최신 웹 개발 기법과... - Administrator 2015-02-17 2439
관련 페이지 리스트
titlenamedateview
0. WebCamp 2015 소개 Administrator 2015-02-17 2333
0-Web Camp 2015 Keynote.pdf Administrator 2015-04-02 1913
Visual Studio Community 2013 소개 및 다운로드 그리고 설치 설... Administrator 2015-04-20 1899
Microsoft Azure - Azure Pass를 통한 Microsoft Azur... Administrator 2015-04-20 1749
WebCamp - 강의시 사용한 소스: DevCamp란 이름으로 Administrator 2015-08-12 1676
1. ASP.NET과 Visual Studio 2013을 활용한 최신 웹 개발 기법과... Administrator 2015-02-17 2439
01._Web 개발자들을 위한 Visual Studio 2015 확장 및 업데이트 기... Administrator 2015-03-13 1940
Visual Studio로 웹 개발시 도움이 되는 Web Essentials 확장 기... Administrator 2015-04-20 2230
Visual Studio 2013 확장 기능 jQuery Code Snippets 소... Administrator 2015-04-20 1701
02_WebCamp 웹 프로젝트 생성 및 기본 페이지 작성 그리고 Test 및 Dat... Administrator 2015-03-13 1867
- Microsoft SQL Server Data Tools 2013 설치(데이터베이... Administrator 2015-04-08 1870
03_Nuget을 사용하여 프로젝트에 jQuery, Bootstrap, Angular... Administrator 2015-03-13 1855
(영어) NuGet 사용에 대한 좋은 소개 동영상 Administrator 2015-04-08 1897
발표자료: 1-Visual Studio 2013.pdf Administrator 2015-04-02 1767
2. 최신 ASP.NET 기술로 웹 응용프로그램 만들기(One ASP.NET) Administrator 2015-02-17 2184
04. EF Scaffolding 기능을 사용하여 CRUD 기능 구현하기 Administrator 2015-03-15 1749
05. Micro ORM인 Dapper를 사용하여 데이터 조회하는 페이지 구현 Administrator 2015-03-15 2343
2-One ASP.NET.pdf Administrator 2015-04-02 1717
3. jQuery, AngularJS, Bootstrap 등을 활용한 모던 웹 클라이... Administrator 2015-02-17 2410
3-Modern Web Client Dev.pdf Administrator 2015-04-02 1578
4. REST와 Ajax를 위한 ASP.NET Web API Administrator 2015-02-17 2121
4-ASP.NET Web API.pdf Administrator 2015-04-02 1848
동영상 - Visual Studio 2015를 사용하여 초간단 Web API 만들고 ... Administrator 2015-04-10 1741
5. ASP.NET SignalR을 이용한 실시간 양방향 커뮤니케이션 구현 Administrator 2015-02-17 2090
실습: ASP.NET SignalR 초간단 채팅 만들기 Administrator 2015-03-08 2348
5-ASP.NET SignalR.pdf Administrator 2015-04-02 1687
6. Microsoft Azure Website에 웹 프로젝트 배포 및 관리 Administrator 2015-02-17 1744
6-Azure Website.pdf Administrator 2015-04-02 1664
(동영상) ASP.NET 웹 프로젝트 생성 후 Microsoft Azure 웹 앱에 ... Administrator 2015-04-21 1728
Azure WebApp 01: Microsoft 무료 Visual Studio Onl... Administrator 2015-05-14 1846
Azure WebApp 02: Azure에 웹앱 만들고 Visual Studio 20... Administrator 2015-05-14 1896
Azure WebApp 03: VSO와 Azure Web App을 함께 사용하기웹앱에... Administrator 2015-05-14 1827
Azure Web App 04: Azure Web App에 대한 환경 설정 소개하기 Administrator 2015-05-14 1825
Azure Web App 05: SQL Azure 데이터베이스 기반 Azure Web... Administrator 2015-05-14 1813
Azure 웹 앱 01: 01 Azure 웹 앱 처음으로 만들어 보기 Administrator 2016-01-13 1827
Azure 웹앱 02: 02 Azure 웹 앱을 오픈소스인 DNN Platform을 ... Administrator 2016-01-13 1937
7. 미니 프로젝트: Build, Deploy, Scale Administrator 2015-02-17 1656
7-Conclusion.pdf Administrator 2015-04-02 1812
1. 클래스 설계 : Maxim Administrator 2015-04-14 1843
2. EF Code First Administrator 2015-04-14 1629
3. MaximServiceRepository.cs Administrator 2015-04-14 1658
4. MaximServiceController.cs Administrator 2015-04-14 1623
5. ASP.NET Web API + jQuery: MaximCrudWithJavaS... Administrator 2015-04-14 1913
6. ASP.NET Web API + AngularJS + Bootstrap: Max... Administrator 2015-04-14 1752
8. 데모 소스 다운로드 링크 Administrator 2015-03-19 1974
데모 소스 실행 순서 Administrator 2015-06-03 1726
추천 경로 Administrator 2015-11-25 1686
ASP.NET 5 MVC 6 Administrator 2016-01-12 1815
ASP.NET 5 MVC6에서 제공하는 빈 템플릿을 사용하여 웹 사이트 만들고 실행하... Administrator 2016-01-12 1657
ASP.NET 5 MVC 6 빠르게 살펴보기 Administrator 2016-01-12 2389
SQL Server 데이터베이스 프로젝트 샘플: DotNetNote.Database Administrator 2016-01-20 1843
ASP.NET Core 1.0(ASP.NET 5) 게시판 및 데모 샘플 프로젝트: D... Administrator 2016-01-20 1941
Azure Camp 2018-08-24 Administrator 2018-08-20 1654
Azure HOL 2018-08-24 Administrator 2018-08-20 1453
Azure HOL Administrator 2018-10-08 1475
Azure Camp Slide Administrator 2018-10-08 1377
Azure Camp 20181211.pdf Administrator 2018-12-07 1471
Azure HOL 20181207.pdf Administrator 2018-12-07 1432
 
 
 
손님 사용자 Anonymous (손님)
로그인 Home