MixedCode

2.1 웹프로그래밍 기술구성요소
2.2 클라이언트 vs 서버 & 관련기술들
2.3 ASP.NET MVC5 기술소개
2.4 VisualStudio 2015/2017 개발툴 사용법
2.5 ASP.NET MVC5 프로젝트 개발기초
2.6 윈도우 서버 와 IIS 웹서버 소개

안녕하세요. 에디입니다. 갑작스런 여름의 종말과 함께 선선한 가을이 시작되었네요.
아침,저녁으로 날씨가 쌀쌀한듯한데 환절기 건강 잘챙기시구요.

2일차 4강 Visual Studio 2015/2017 개발툴 사용법 강의를 시작하겠습니다.
앞전강의에서도 말씀드렸다시피 .NET Platfrom 환경에서 .NET 개발언어들을 이용해 각종 어플리케이션을 개발하기위해서는 개발툴이 필수인데
Microsoft사는 통합개발환경(IDE,Integrated Development Environment)으로 Visual Studio라는 강력한 개발도구를 제공하고 있습니다.

마이크로소프트사는 .NET 플랫폼 통합개발환경(IDE, Integreated Development Environment) 제공 툴로서 Visual Studio라는 강력하고 멋진 개발도구를 제공하고 있습니다.

2.4.1 Visual Studio 종류 및 에디션
Visual Studio 2015는 .NET 개발 플랫폼 기반에서 C#과 같은 .NET 개발언어를 이용해 각종 애플리케이션을 개발할수 있게 지원해주는 통합개발환경을 제공합니다.
Visual Studio 2015는 2014년도부터 진행해온 .NET 플랫폼 이중화 전략에 의해 .NET 개발 플랫폼별로 개발툴 또한 크게 두가지 유형으로 나뉘어 제공되며 다양한 에디션들을 제공됩니다.

Link)Visual Studio 제품정보
https://www.visualstudio.com/

1)Visual Studio 2015 for .NET Framework 4.6
각종 Windows O/S(서버포함)군 기반에서 전통적인 .NET Platform의 최신 버전인 .NET Framework 4.6(이하버전포함) 기반에서 각종 애플리케이션 개발시 이용되는 개발툴입니다.
 Visual Studio Express : 완전무료 이며 어플리케이션 유형별로 개별 툴이 제공됩니다.
Ex)Express for Desktop, Express for Web, Express for Windows
 Visual Studio 2015 Community : 소기업(5인미만기업) 및 개인 사용자에게는 무료로 제공되며 통합개발환경을 제공하여 유료 상용버전과 기능상에 큰 차이는 없습니다.
지속적인 무료 사용을 위해서는 마이크로소프트 계정 가입 및 개발툴에서 주기적인 계정 로그인이 필요합니다.
 Visual Studio 2015 Professional : 기업용 상용버전
 Visual Studio 2015 Enterprise : 기업용 상용 버전
 Team Foundation Server (TFS) : Visual Studio 2015기반 형상(소스버전)관리 및 ALM 툴로 TFS Express 무료 버전 및  상용버전 모두를 제공합니다.

Link) Visual Studio 2015 Edition별 기능 비교표
https://www.visualstudio.com/products/compare-visual-studio-2015-products-vs

2)Visual Studio Code for .NET Framework Core5
.NET Framework Core5 프레임워크 와 함께 MAC O/S, Linux O/S, Windows O/S 에 설치해 ASP.NET WEB 애플리케이션 개발 및 유니버셜 앱을 개발할수 있는 개발툴입니다.
 Visual Studio Code : MAC,Linux,Windows O/S에서 사용가능한 오픈소스 무료 개발 툴
 Visual Studio Team Services : Visual Studio Code 기반 신규 형상(소스버전)관리툴

2.3.2 ASP.NET MVC5 개발환경 구축하기
ASP.NET MVC5 웹 응용 프로그램 개발을 위한 개발환경 구축정보입니다.
 컴퓨터 O/S : Windows7, 8, 8.1, 10
 개발툴 S/W : Visual Studio 2015 Community Edition
 Database S/W: Microsoft SQL Server 2014 Express Edition

1) 개발용 컴퓨터 준비: PC 또는 노트북
 운영 체제 : Windows7,Windows8,Windows8.1,Windows10 모두가능
 운영 체제별로 64bit 버전 권장
32bit O/S는 컴퓨터의 메모리를 최대 4G까지 밖에 사용할수 없습니다.
 하드웨어 권장 사양 : 메모리 4G이상,8G권장, CPU 펜티엄 i5이상 권장

2) 개발 툴 설치 : Microsoft Visual Studio 2017 Community 버전 다운로드 설치
 Visual Studio 2017 Community 를 사용합니다.

 정상적인 개발툴 사용을 위해서는 마이크로소프트 계정이 필요합니다.
 다운로드 URL : https://www.visualstudio.com/ko/vs/community/

*** Visual Studio의 최신버전인 2017 Community 다운로드 및 설치는 아래 링크를 참고해주세요. ***

http://mixedcode.com/Article/Index?aidx=1149
 
하기 내용은 Visual Studio 2015기준의 설치 가이드이오니 참고바랍니다. 
A. Visual Studio 2015 Communit 사이트에 접속하고 설치파일을 다운받습니다.
 
[그림2-13] Visual Studio 2015 Community 다운로드


B. 윈도우 탐색기에서 다운로드 설치파일을 선택하고 오른쪽 마우스 클릭 후 관리자 권한으로 실행하여 클릭합니다.
 
[그림2-14] 설치 파일 관리자 권한으로 실행하기


C. 표준설치 설치유형을 선택합니다.
 
[그림2-15] Visual Studio 2015 Community 기본값 설치하기
 한글버전 과 영문버전은 설치과정이 동일하며 설치 후 사용 언어환경을 변경할수있습니다.

D.설치를 진행합니다.


[그림2-16] Visual Studio 2015 Community설치 진행


E.설치를 완료합니다.
 
[그림2-17] Visual Studio 2015 Community 설치완료

F.마이크로소프트 계정을 이용해 Visual Studio에 로그인을 실시합니다.
 
[그림2-18] Microsoft Account 로그인
 마이크로소프트 계정이 없으시면 신규로 계정을 만듭니다.
 나중에 계정을 만들고자하면 나중에 로그인을 클릭하여 비주얼 스튜디오를 시작합니다.

G.설치가 모두 완료된 후 사용언어환경을 변경하고자 하는경우 아래 언어팩을 추가로 다운로드 받아 설치합니다.
 영문 언어팩 : https://www.microsoft.com/en-us/download/details.aspx?id=48157
 한글 언어팩 : https://www.microsoft.com/ko-KR/download/details.aspx?id=48157
 
[그림2-19] Visual Studio 2015 Community 영문 언어팩 설치

H.Visual Studio 2015 Community 버전의 사용언어환경 변경은 상단 메뉴중 도구>옵션을 클릭하고 환경>국가별 설정 화면에서 언어목록에서 해당 언어를 선택합니다.
 
[그림2-20] Visual Studio 2015 Community 옵션 사용환경 언어 선택


3) Database Server S/W 설치: Microsoft SQL Server 2014 Express
 Database S/W로 Microsoft사의 SQL Server 2014 Express(무료)를 이용합니다.
 제품안내URL: https://www.microsoft.com/ko-kr/server-cloud/products/sql-server/
 다운로드URL: https://www.microsoft.com/ko-kr/download/details.aspx?id=42299
 다운로드 목록에서 아래 해당 운영체제BIT별 파일 하나만 선택 다운받고 설치하십시오.
 32bit O/S : ExpressAndTools 32BIT\SQLEXPRWT_x86_KOR.exe
 64bit O/S : ExpressAndTools 64BIT\SQLEXPRWT_x64_KOR.exe

A.윈도우 탐색기에서 다운로드 설치파일을 선택하고 오른쪽 마우스 클릭후 관리자 권한으로 실행하여 클릭합니다.

[그림2-21] Microsoft SQL Server 2014 Express 설치파일 압축해제


B.새 SQL Server 독립 실행형 설치 또는 기존설치에 기능추가 를 클릭합니다.
 
[그림2-22] 새 SQL Server 독립실행형 설치 또는 기존설치에 기능추가

C. 사용조건에 동의함을 체크 후 다음버튼을 클릭합니다.
 
[그림2-23] 라이선스 동의처리

D. 업데이트 확인할지여부를 체크하고 다음을 클릭합니다.(빠른 설치시 체크하지 않음)
 
[그림2-24] 설치시 업데이트 여부 체크

E. SQL 서버 설치 가능 환경을 체크하고 이상이 없다면 다음버튼을 클릭합니다.
 
[그림2-25] 설치규칙 점검

F.체크된 사항만 확인 후 다음을 클릭합니다.
 
[그림2-26] 설치항목 체크

G. 하단 목록에 설치된 인스턴스가 없다면 기본인스턴스를 선택하고 기존 인스턴스가 있다면 명명된 인스턴스를 선택 후 다음을 클릭합니다.
 
[그림2-27] SQL 인스턴스 설정

H. SQL Server Browser 시작유형을 자동으로 변경 후 다음을 클릭합니다.
 
[그림2-28] SQL 서버구성하기

I.인증모드를 반드시 혼합모드로 선택 후 sa 암호를 입력한 후 다음을 클릭합니다.
 
[그림2-29] 데이터베이스 인증모드 설정하기

J.설치가 진행됩니다.
 
[그림2-30] SQL서버 설치진행

K.정상적으로 설치가 완료되면  닫기 버튼을 클릭하고 부모 설치 팝업창도 닫은 후 컴퓨터를
재부팅합니다.
 
[그림2-31] SQL서버 설치완료
TIP) Express 버전 과 Community 버전
 Express 버전 : 마이크로소프트의 대부분 개발제품에서는 Express버전을 제공하고 있으며 Express버전은 몇몇 기본기능의 제약이 있는 완전 무료제품 버전입니다.
 Community 버전: 5인 미만기업 및 개인사용자에게 무료로 제공되는 MS사의 제품들로 상용버전 제품의 대부분의 기능을 제공합니다.


4) ASP.NET MVC5 서버측 실제 서비스 환경정보
향후 독자 여러분이 개발한 개발소스를 실제 서비스할 서버측 서비스 환경정보입니다.
 서버 O/S : Windows 2012 R2 Server
 웹서버 S/W : IIS8.5
 DB 서버 S/W: Microsoft SQL Server 2014 Express


상기 개발환경 구축을 위해서는 고사양의 컴퓨터/노트북(cpu-i5이상,메모리 4G이상) 과 장시간의 시간(2시간이상)이 소요됩니다.


2.Visual Studio 2015 솔루션 및 프로젝트 관리

Visual Studio 개발툴은 애플리케이션을 개발하는 최소 단위를 프로젝트 기반으로 관리하고 여러개의 프로젝트를 하나의 솔루션으로 통합관리합니다.
즉,하나의 통합솔루션내에 여러개의 다양한 어플리케이션 프로젝트 및 라이브러리 프로젝트가 존재하게 됩니다.
예를 들면 ERP(전사자원관리)솔루션내에 화면(UI),서비스,비지니스로직,데이터액세스등의 SOC관점에서 기능별로 논리적인 레이어를 나누고 해당 레이어별로 인사.회계,영업,생산,재고관리등의 업무별로 프로젝트를 구성하여 하나의 솔루션이 만들어집니다.

A.솔루션 만들기
1)Visual Studio 2015프로그램을 가동합니다.


2)상단 메뉴 파일>새로만들기>프로젝트를 클릭합니다.


3)새프로젝트 팝업창의 왼쪽 설치됨>템플릿>기타프로젝트형식>Visual Studio 솔루션을 클릭 선택합니다.

3-1)해당 새프로젝트 팝업창 중간상단에 .NET Framework4.6 버전 선택 상태를 확인하고 하단 이름란에 솔루션명을 입력한후 해당 솔루션폴더가 생성될 위치 디렉토리를 찾아보기 버튼을 이용 지정합니다.
-샘플의 경우 EddyHomePageSolution 솔루션을 D드라이브 루트에 생성하였으며 빈 솔루션은 .Net Framework버전중에(1.0/1.1/2.0/3.0/3.5/4.0/4.5/4.6/4.6.1) 4.6버전을 사용하여 개발할 예정입니다.

4)우측 솔루션탐색기창에 솔루션'EddyHomePageSoution' 이란 이름으로 빈솔루션이 만들어진것을 확인수 있습니다.

-해당 솔루션폴더는 물리적으로도 탐색기 D:\EddyHomePageSoution 폴더가 생성된것을 확인할수 있으며 해당 폴더를 보통 솔루션폴더라 말하며
솔루션폴더에는 반드시 솔루션파일(.sln)파일이 솔루션 생성과 동시에 만들어집니다.
-솔루션파일(.sln)파일은 솔루션내 다양한 프로젝트의 정보와 구조정보를 관리하는 중요한 파일로 파일을 함부로 수정하시지 마시기바랍니다.
-해당 솔루션 파일을 더블클릭하면 자동으로 해당솔루션이 Visual Studio2015에 열리며 하위 프로젝트 구성정보가 모두 솔루션 탐색기에나타납니다.

ㅁ솔루션 탐색기
-상단 메뉴중 보기>솔루션 탐색기를 클릭해도 되며 솔루션내의 프로젝트/파일정보등을 관리하는 탐색기입니다.

ㅁ팀탐색기
-상단 메뉴중 보기>팀탐색기를 클릭해도 나타나며 솔루션내 개발소스의 버전 및 형상관리를 위한 형상관리 클라이언트 툴로 형상관리서버인 TFS(Team Foundation Server)의 개발툴에 임베드(포함된=플러그인)된 TFS 클라이언트 툴로 TFS서버의 형상관리 정보를 탐색기 형태로 비주얼하게 보여주고 소스를 관리정보를 제공하는 역할을 합니다. 

ㅁ속성창
-상단 메뉴중 보기>속성창을 클릭해도 나타납니다.
-프로그램 소스의 각종 속성정보를 확인하거나 설정할수 있는 창입니다.
-하단 이미지는 실제 솔루션폴더의 탐색기 경로상 솔루션 폴더의 형태를 보여줍니다.

5)솔루션탐색기 오른쪽마우스클릭>추가>새프로젝트 클릭하여 새프로젝트 추가 팝업창을 오픈한다.

6)새프로젝트추가 팝업창의 오른편에 개발언어 VisualC#을 선택후 하위에 웹을 클릭하면 화면중간에 ASP.NET 웹 응용 프로그램 선택항목이 나타나며 해당 항목을 선택한 후 하단에 프로젝트 이름란에 웹 프로젝트 명을 입력 후 확인 버튼을 클릭합니다.

7)새 ASP.NET 프로젝트  팝업창이 나타나며 ASP.NET 4.6 템플릿중 MVC 템플릿을 선택하면 좌측중간에 다음에 대한 폴더 및 핵심 참조추가 체크박스 항목중 MVC체크박스 체크되며 추가로 WEBAPI 체크박스도 체크를 실시하여 OPEN API 개발환경도참조될수 있게합니다.

-우측 인증변경 버튼을 클릭하여  인증변경팝업창에서 인증안함을 라디오버튼을 선택한 후 확인버튼을 클릭한다.
-다른 체크 박스(단위테스트추가, Microsoft Azure Host in the cloud)는 선택하지 않는다.
-확인버튼을 클릭하여  솔루션에 ASP.NET MVC 템플릿을 이용한 프로젝트를 생성한다.

8)템플릿을 이용해 ASP.NET MVC 프로젝트를 생성하는 과정이 진행된다.


9)솔루션에 프로젝트명의 ASP.NET MVC 프로젝트가 추가되고 기본 ASP.NET MVC5 템플릿이 생성된것을 확인할수 있습니다.

- ASP.NET MVC 기본 템플릿은 ASP.NET MVC5를 이용해 웹 응용프로그램을 쉽고 빠르게 개발할수 있도록 기본 프로젝트 폴더구조와
샘플 컨트롤러/뷰/모델등이 제공되어집니다.

10)F5 또는 상단메뉴중 디버그>디버깅시작(F5)를 클릭하여 기본제공 ASP.NET MVC5 기본 웹응용 프로그램 템플릿을 디버깅모드로 실행합니다.

-웹브라우저가 오픈되고 기본 메인화면이 브라우저 나타나면 디버깅모드로 메인화면이 나타난것입니다.
-디버깅 모드를 종료하고 싶으시면 브라우저를 닫거나 Visual Studio의 상단메뉴 디버그>디버깅 중지 를 클릭하면 디버깅모드가 종료되며
디버깅 모드시에는 일반적으로 Visual Studio 2015 개발툴 자체가 읽기전용모드로 변환되어 소스의 수정이나 툴 사용이 불가해집니다.

-디버그/디버깅? 컴퓨터 프로그램의 정확성이나 논리적인 오류(버그)를 찾아내는 테스트 과정을 뜻합니다.
-즉,디버깅 모드란 Visual Studio 2015 와 개발용 웹서버(IIS Express)를 이용하여 개발된 소스를  실행 테스트해보는 테스트 모드를 말합니다.
-웹 어플리케이션의 특성상 개발된  웹페이지를 리소스를 테스트 하려면 웹서버가 필요하기에 Visual Studio개발툴은 개발 전용 웹서버 프로그램인
IIS EXPRESS를 이용하여 디버깅 모드시 실행환경을 제공하고 테스트를 진행합니다.
-디버거(debugger)?  디버그를 돕는 도구이며 디버거는 주로 원하는 코드에 중단점을 지정하여 프로그램 실행을 정지하고, 메모리에 저장된 값을 살펴보며, 실행을 재개하거나, 코드를 단계적으로 실행하는 등의 동작을 한다. 고급 디버거들은 메모리 충돌 감지, 메모리 누수 감지, 다중 스레드 관리 등의 기능도 지원하며 Visual Studio는 디버거를 기본 제공합니다.

IIS(Internet Information Server)?
-IIS는 인터넷 정보 서버라고하며 윈도우 서버 O/S상에서 설치 및 사용이 가능한 웹서버의 한종류입니다.
-웹서버는 여러분이 개발한 웹사이트 개발소스를 실제 서비스하는 주체이며 웹응용프로그램이 구동되는 기본 환경을 제공합니다.
-IIS의 종류와 버전은 아래와 같습니다.

ㅁ.IIS유형
ㄴ로컬 IIS웹서버 : 클라이언트 O/S(Windows7/8/8.1/10) Pro버전 이상에 내장되어 있는 로컬 웹서버
ㄴ IIS Express : Visual Studio 2015 설치시 개발 및 디버깅용으로 사용되는 개발용 웹서버
   (디버깅모드시 IISExpress는 자동으로 활성화되며 윈도우 우측하단 트레이바에 IIS Express 트레이아이콘이 나타납니다.)
ㄴ IIS 웹서버 : 실제 윈도우 서버(Windows Server 2008/2012)서버 O/S에서 제공되는 서비스용 웹서버

ㅁ.IIS Version

-IIS7  : Windows Vista, Windows Server 2008
https://technet.microsoft.com/ko-kr/library/ee692294(v=ws.10).aspx

-IIS7.5 : Windows 7,Windows Server 2008 R2
https://technet.microsoft.com/ko-kr/library/ee692294(v=ws.10).aspx
iis7.5 설치방법 : http://www.iisunderground.com/installing-iis-7-5/

-IIS8 : Windows8,8.1,Windows10, Windows 2012 Server(Signal R서비스 제공가능)
ii8 설치방법 :
http://www.howtogeek.com/112455/how-to-install-iis-8-on-windows-8/

11) 솔루션 탐색기에서 생성된 웹프로젝트의 오른쪽 마우스클릭>파일탐색기에서 폴더열기를 해보시면 해당프로젝트의 물리적 경로를 나타내는 탐색기가 오픈됩니다.

-솔루션탐색기에서 솔루션 또는 프로젝트 또는 하위폴더/파일을 선택을 오른쪽 마우스 클릭 파일탐색기에서 폴더열기를 해보시면 해당프로젝트의 물리적 경로를
나타내는 탐색기가 오픈됩니다.
-항상 솔루션 탐색기에서 오른쪽마우스 클릭을 하면 대부분의 주요기능이 제공되기에 무언가 추가/삭제/변경하고자 하면 오른쪽마우스 클릭을 생활화해보세요.

지금까지 Visual Studio 2015 개발툴을 활용한 솔루션구성 및 웹 프로젝트(웹응용프로그램) 추가/디버깅등을 알아보았습니다.
아직은 당장 로컬웹서버를 사용할 일은 없으니 로컬 웹서버 설치는 하지 마시고요.
ASP.NET MVC5 웹프로젝트 템플릿 폴더 와 솔루션탐색기내에 어떤한 폴더 및 파일들이 존재하는지 조금씩 둘러보시기 바랍니다.
이번강은 지금 마치고 다음강의로 바로 넘어가겠습니다.
수고하셨습니다.






Comments

  1. 믹스드코드

    안녕하세요. 수강01님
    Visual Studio 2015 Community 버전은 5인 미만 기업 과 개인에게 제공되는 무료 개발툴로서
    기능자체는 유료로 제공되는 상용버전과 거의 동일합니다.
    단, 주기적으로 마이크로소프트 계정으로 로그인해 줘야 정상적인 이용이 가능합니다.
    설치 이후 마이크로소프트 계정 로그인없이 사용이 가능하더라도 일정기간 이후에는 주기적으로
    로그인을 요청합니다.
    Visual Studio 가동시 로그인 요청이 있다면 MS계정을 만드신후 로그인을 실시해주시면
    정상적인 사용이 가능합니다.
    Windows Phone이라는 프로그램이 설치되셨다고 하셨는데 기존에는 개발툴 설치와 함께 추가적으로 설치되는 프로그램은
    없었는데요. 삭제해도 개발툴과는 무방할것으로 사료됩니다.
    문의주셔서 감사합니다. ^^
    주말 잘 마무리하세요.

  2. 수강01

    안녕하세요, 2기 수강생입니다.
    Visual Studio 2015 설치 후 MS 계정이 필요한지 궁금합니다. 계정이 없어도 일단 사용은 가능한 것 같아서요.
    그리고 Visual Studio 설치하면서 window phone 이라는 프로그램이 같이 설치된 것 같은데 이 프로그램은 삭제해도 되는 건지 궁금합니다.

  3. 믹스드코드

    안녕하세요. 선생님 ^^
    문의주신 믹스드코드의 RSS기능은 아직 구현이 안되어 있는 기능입니다.
    빠른시일내로 RSS기능 연동기능을 제공할수 있도록 노력하겠습니다.
    문의주셔서 감사합니다. ^^

  4. 수나

    이번글 제목 이미지가 바뀌었군요.
    멋진 노신사분은 누구신가요? 강사님.
    강사님은 아닌데.. 궁금타~~

Leave a Reply

*