24.asp.net core 1.0 웹응용 프로그램 프로젝트

1. 24.ASP.NET Core1.0
웹응용 프로그램 프로젝트

2. • 24.1새로운 프로젝트 시스템
• global.json
• wwwroot 폴더 : 웹사이트 루트 폴더
정적파일(html,js,css,images)을 실행하기 위해서는
Startup.cs 에서
app.UseStaticFiles() 미들웨어가 등록되어야 함.
• project.json : .csproj 로 통합
• Startup.cs : ASP.NET Core 응용프로그램의 시작점
ConfigureServices() 에서 필요한 서비스 추가
Configure() 에서 사용관련 설정 정보 구성
참고: http://www.taeyo.pe.kr/Columns/View.aspx?SEQ=537&PSEQ=39&IDX=0
• appsettings.json : JSON 기반의 환경설정 파일,web.config 의
json 버전
• bundleconfig.json : 확장도구 Bundler&Minifier 설치하면 번들링
기능을 이용하여 css파일 또는 자바스크립트 파일을 축소하거나 합칠
수 있음.
참고 : https://docs.microsoft.com/ko-kr/dotnet/core/tools/project-
json-to-csproj

3.  모던웹 개발 도구들
NPM : node packge manager
Bower: 정적파일에 대한 패키지 관리자.
.net 어셈블리는 NuGet 으로, 클라이언트측 패키지는
bower
로 내려 받는다.
Glup : 태스크 러너라 하며 주로 빌드 자동화 할때 사용함.

4. • 24.2 실습
DotNetNote 프로젝트 생성 및 실행하기

5. • 24.3 Http 파이프라인과 미들웨어
• ASP.NET 에서 파이프 라인이은 웹 앱을 실행하는데 필요한 여러가지
모듈, 즉 미들웨어를 파이프 라인에 등록해서 사용 할 수 있도록 하는
것.
• HTTP 파이프 라인은 HTTP서비스를 통해서 무엇인가 서비스를 제공할때
마다 해당서비스를 구현하는 미들웨어를 하나씩 추가해 줘야 한다.
• Startup.cs 파일의 Configure() 메서드에 미들웨어를 추가하는 작업
을
‘HTTP 파이프라인데 미들웨어를 추가’ 라고 표현
http://www.taeyo.pe.kr/Columns/View.aspx?SEQ=547&PSEQ=39&I
DX=0

6. • 24.4 UseStaticFiles() 미들웨어
• ASP.NET Core 프로젝트의 wwwroot 폴더에 위치할 정적파일들(HTML, CSS, 자바스크립트, 이미지, 폰트 등)을 실
행하기 위한 미들웨어
• 서버측 기능과 클라이언트측 기능을 분리해서 폴더로 관리한다.
• MVC 의 기능은 Models, Views, Controllers등의 폴더에서 관리하며 정적인 파일인 HTML, CSS, 자바스크립트, 이미지등은 프로
젝트 루트에 있는 wwwroot 폴더에서 관리한다.
• Program.cs 의 main 메서드에서 다음과 같은 코드의 추가로 정적파일의 루트가 될 수 있다.
var host = new WehHostBuilder()
.UseKestrel()
.UseContentRoot(Directory.GetCurrentDirectory())
.UseIISIntegration()
.UseStartup<Startup>()
.Build()
host.run()
 Startup.cs 의 configure() 메서드 에서 app.UseStaticFiles() 메서드를 호출해 줘야 정적파일을 사용 할 수 있다.
 추가기능이 더 들어 있는 app.UseFileServer() 메서드를 호출 해줘도 된다.

7. • 24.5 실습
wwwroot 폴더에 정적 파일 생성 후 실행하기

8. • 24.6 주요 미들웨어
미들웨어 비고
UseDirectoryBrowser() 디렉토리 목록 보기
UseDefaultFiles() 기본문서제고
UseStatusCodePages() 상태코드 표시
UseWelcomePage() 환영페이지 출력
UseDeveloperExceptionPage() 자세한 에러 메시지 표시

9. • 24.7 app.UseDirectoryBrowser()

10. • 24.8 app.UseDefaultFiles()
• URL 기본 문서 제공
• default.htm, index.htm
• default.html, index.html
• UseStaticFile() 메서드보다 먼저 호출되어야 한다.
• Configure() 메서드에 코드추가로 새로운 default 페이지 추가
할 수 있다.

11. • 24.9 app.UseFileServer()
• UseDefaultFiles(), UseStaticFiles(),
UseDirectoryBrowser() 확장메서드 기능 세 개를 한번에 해주
는 메서드
• 24.10 상태코드표시 app.UseStatusCodePages()

12. • 24.11 환영페이지 출력 app.UseWelcomePage()
• 다른 페이지들은 실행되지 않고 항상 다음화면만 실행된다.

13. • 24.12 자세한 에러 메시지 표시
app.UseDevelopeExcetionPage()
개발환경에서 에러 발생 시 좀 더 자세한 내용을 표시해준다.

14. • 24.14 Bower 패키지 관리자
CSS 라이브러리 와 자바스크립트 라이브러리 등의 클라이언트 측
패키지를 관리해준다.
• npm 과 git 이 설치되어 있어야 Bower 를 설치할 수 있다.
• Bower설치

15. • 패키지 검색
bower search [패키지명]

16. • 패키지 설치 및 제거
• bower install [패키지명]
bower install jquery
• bower uninstall [패키지명]
bower uninstall jquery

17. • 폴더 및 파일 구조
• ./bower_components 폴더에 패키지 설치됨(기본값)
• ./bower.json 파일이 Bower 에 대한 환경설정 파일임.

18. • 특정 버전의 패키지 설치
• bower install 패키지명#버전정보
bower install jquery#2.0.0
• 패키지 관련정보 보기
bower info 패키지명
bower into 패키지명#Version
• 패키지 업데이트
• bower update
• 전체페이지 업데이트
• 버전이 업데이트된 것이 있으면 업데이트
• bower install [패키지명]
• 특정패키지만 최신버전으로 업데이트

19. • 24.16 실습
Bower를 사용해 자주 사용하는 클라이언트 패키지 가져
오기