크리에이티브 커먼즈 라이선스
Creative Commons License
 이번 시간에는 각자의 PC에 설치된 Visual Web Developer 2005 Express Edition Beta를 이용해서 웹 사이트를 생성해 보겠습니다.

ASP.NET 2.0을 이용하여 웹 어플리케이션을 제작 하는데 중요한 것들이 여러 가지 있겠지만 기본적인 것들로 다들 아시겠지만 OS, IIS, 데이터베이스, 그리고 개발 툴 일 것 입니다.  그 중에서 웹 서버(윈도우서버 + IIS)는 웹 어플리케이션을 개발하는데 있어 필수적 요소입니다.
몇 년전 2000서버 이 전의 서버에서는 웹 서버를 별도로 설치해야 했습니다.
그런 이유 등으로 인해 기존 개발 툴 에서는 웹 서버를 별도로 제공하지 않았습니다.(또한 통합 툴이라서 그런 이유도 있을 것이라 생각합니다.)
Visual Web Developer 2005 Expresds Edition Beta 개발 툴 에서는 웹 어플리케이션 전용 툴 답게 웹 개발자를 위하여 쉽게 웹 어플리케이션을 제작할 수 있도록 가상 웹 서버를 지원 하고 있습니다.

앞으로 ASP.NET 2.0 강좌를 진행하는데 있어 Visual Web Developer 2005 Express Edition Beta를 이용하여 기본적으로 웹 사이트를 만들게 됩니다. 그래서 다른 부분을 다루기 이전에 먼저 이번 시간에는 Visual Web Developer 2005 Express Edition Beta를 이용하여 웹 사이트를 만들어 보겠습니다.


[웹 사이트 형태]웹 사이트를 개발하며 우리가 작업 툴로 File들을 관리할 때 서버에 local IIS, File system, FTP, Remote site와 같은 다양한 환경을 설정하게 됩니다. 하지만 서버에 개별적으로 환경 설정을 하는 것 보다는 우리가 사용하게 될 툴 안에서 이와 같은 다양한 환경 설정을 이용하면 보다 편리하게 웹 사이트를 개발할 수 있습니다.

다양한 환경인 만큼 그에 따르는 장/단점이 존재하리라 생각됩니다.
그럼 각 웹 사이트 형태가 언제 유용하게 쓰이며, 어떤 장/단점을 가지는지 알아보도록 하겠습니다.
 
Web Site Type Use when

Local IIS

Web Site

이것은 로컬 컴퓨터에 이미 설치된 IIS를 이용하여 웹 페이지를 생성하길 원할 때 사용한다. 다른 컴퓨터에서 자신이 만든 사이트를 액세스 하는데는 로컬 IIS가 적합하다.

장점
다른 컴퓨터에서 사이트를 액세스 할수 있다.
HTTP를 이용하여 IIS로 만들어진 웹 사이트를 테스트 할 수 있다.


단점
IIS로 웹 사이트를 디버그 하고 생성하기 위해서는 관리자 권한을 가지고 있어야 한다.
컴퓨터 상에서 단지 하나의 사용자가 IIS를 이용하여 디버그 할 수 있다.
로컬 IIS 웹 사이트는 사용자가 원하지 않아도 기본적으로 활성화된 remote 액세스를 가진다.

File System

Web Site

IIS가 설치되어 있지 않고 공유된 드라이브나 로컬 컴퓨터상에서 웹 페이지를 생성하기를 원할때 사용한다.

장점
사이트는 단지 로컬 컴퓨터에서 읽을 수 있으므로 보안 취약성을 감소시킨다.
컴퓨터에 IIS를 설치할 필요가 없다.
로컬 웹 사이트를 생성하고 디버그 하기 위해서 관리자 권한을 가질 필요가 없다.
컴퓨터가 리모트 데스크 탑 설정을 가진다면, 다수의 사용자가 같은 시간대에 로컬 사이트를 디버그 하고 생성할 수 있다.

단점
HTTP에 기반한 인증, 어플리케이션 풀링, ISAPI 필터등을 테스트 할 수 없다.

FTP Web Site

리모트 컴퓨터 상에 이미 웹 사이트가 존재하는 상태에서 사용한다.

장점
서버상에 파일들을 실지로 배치함으로써 테스트 해볼 수 있다.

단점
서버상의 파일을 복사를 이용하여 로컬로 가져올 수 없다.

Remote Web site

리모트 컴퓨터 상에서 실행되는 IIS를 사용하여 웹 사이트를 생성하길 원한면 리모트 컴퓨터에 프론트페이지 서버 익스텐션을 설정해야만 한다.

장점
서버에 파일들을 실지로 배치함으로써 테스트 해볼 수 있다.
하나 이상의 개발자들이 같은 시간대에 같은 사이트에 접근하여 작업할 수 있다.

단점
디버깅을 위한 설정이 복잡하다.
단지 한명의 개발자가 디버깅 할수 있다.
개발자가 코드를 통해서 명령을 실행할 때 모든 다른 요구는 중지되어야 한다.

이상으로 웹 서버 타입을 살펴보았습니다.
웹 서버 타입은 이렇게 다양한 목적과 그에 따르는 장/단점을 가지고 있습니다.
이것을 인지하고 실습을 통해 위에 언급한 웹 사이트를 생성해 보겠습니다.

[ IIS를 이용하여 가상 디렉토리 생성하기 ]
1. 설치한 Visual Studio를 실행합니다.

사용자 삽입 이미지


2. File → New Web Site...를 클릭합니다.
사용자 삽입 이미지

3. New Web Site라는 창이 활성화 됩니다.
사용자 삽입 이미지
여기서 Project Type이라는 부분에서 사용할 언어를 선택합니다.(전 C#을 선택하겠습니다.)
다음으로 Visual Studio installed templates라는 부분에서 ASP.NET Web Site를 클릭합니다.
마지막으로 프로젝트를 생성하고자 하는 위치를 Browse 버튼을 이용하여 지정해 주고 OK를 누릅니다.


4. VisualStudio에 의해 생성된 기본 ASP.NET페이지가 열립니다.
사용자 삽입 이미지
또한 폴더를 클릭해서 들어가 보면 다음과 같이 생성된 것을 확인할 수 있습니다.


사용자 삽입 이미지

5. 다음은 IIS를 실행합니다. IIS를 이용하여 생성된 폴더를 가상 디렉토리로 만듭니다.
사용자 삽입 이미지


6. 가상 디렉토리는 다음과 같은 방법으로 만듭니다.
   기본 웹사이트를 마우스 오른쪽 버튼으로 클릭 → 새로 만들기 → 가상 디렉토리 클릭
사용자 삽입 이미지

7. 위의 순서대로 실행하면 가상 디렉토리 만들기 마법사가 실행됩니다.
사용자 삽입 이미지

8. 다음을 클릭하고 별칭을 입력합니다. (개인이 임의로 입력하면 됩니다.)
   입력이 한 후 역시 다음 버튼을 클릭합니다.
사용자 삽입 이미지


9. 다음을 클릭하고 찾아보기 버튼을 이용하여 생성한 폴더를 선택합니다.
   (제가 생성한 폴더는 WebSite7)
사용자 삽입 이미지

계속 다음을 눌러서 이동합니다.
사용자 삽입 이미지


위의 그림에 보면 여러 가지 체크박스가 있지만 일단은 무시하고 기본 체크 상태를 유지하며 다음으로 넘어갑니다.

10. 가상 디렉토리가 생성되었다는 메세지 박스가 나오면 확인을 클릭합니다.
    IIS를 보면 그림처럼 가상 디렉토리가 생성된 것을 확인 할 수 있습니다.


사용자 삽입 이미지

11. 이제 생성된 ASP.NET 파일에 간단한 웹 컨트롤을 넣어서 IIS를 이용하여 실행해 보겠습니다.

   먼저 Visual Studio 로 이동합니다.
   아래 그림의 하단에 보면 Design 이라는 탭이 있습니다. 그것을 클릭합니다.

사용자 삽입 이미지


12. 왼쪽의 웹 컨트롤 메뉴에서 Label을 마우스로 선택하고 파일을 이동시키듯이 Default.aspx의 Design 화면으로 끌고 갑니다.

사용자 삽입 이미지


13. 오른쪽 하단에 보면 아래와 같은 부분이 있습니다. 그곳에서 Text를 찾고 빈 공란에 알맞은 글자를 입력합니다.

사용자 삽입 이미지

14. 입력 후 default.aspx의 Design 화면에 다음과 같은 글자가 새겨진 것을 볼 수 있습니다.
사용자 삽입 이미지

Ctrl+S를 이용하여 해당 페이지를 저장합니다.


15. 다음으로 IIS로 이동하여 Default.aspx를 마우스로 선택하고 오른쪽 버튼을 클릭하면 웹 페이지로 보기 가 있습니다.
   
웹 페이지 보기를 클릭합니다.
그러면 웹 브라우저가 활성화 되면서 실행된 ASP.NET 2.0 웹 페이지를 보여 줍니다.

사용자 삽입 이미지
이렇게 해서 IIS가 설치된 로컬 컴퓨터에서 Visual Studio를 이용하여 웹 사이트를 생성해 보았습니다.

여기서 한 가지 주의 할 점이 있습니다.
만약 로컬 컴퓨터에 여러 버전의 닷넷 컴포넌트가 설치되어 있다면 에러가 발생할 수 있습니다.
이 경우 다음의 절차를 따릅니다.


1. IIS로 이동하여 생성한 가상 디렉토리를 마우스 오른쪽 버튼으로 클릭
2. 속성을 클릭
3. 활성화 된 등록 정보에서 오른쪽의 ASP.NET 탭 클릭
4. ASP.NET version에서 2.0.40607.0 을 선택
5. 적용 후 확인
사용자 삽입 이미지

6. 다시 웹 페이지를 실행

[FileSystem WebSite]
다음 2번째로 IIS가 로컬 컴퓨터에 설치되어 있지 않다는 가정하에 위에서 생성한 폴더를 이용하여 Visual Studio에 내장된 개발자용 가상 IIS를 이용하여 웹 페이지를 생성해 보도록 하겠습니다.

아래의 순서로 진행하겠습니다.

1. IIS를 실행하여 가상 디렉토리를 제거합니다.
2. 정확성을 위해 IIS를 중지합니다.
3. Visual Studio로 이동합니다.
4. Visual Studio의 메뉴에서 View → solution explorer를 클릭합니다.

사용자 삽입 이미지

5. Visual Studio의 오른쪽에 solution explorer이 나타나는 것을 확인
사용자 삽입 이미지

6. default.aspx를 마우스로 선택하고 오른쪽 버튼을 클릭

7. View in Browser를 클릭

사용자 삽입 이미지

8. 윈도우 트레이 부분에 가상 디렉토리가 활성화 되는 것을 볼수 있습니다.
사용자 삽입 이미지

9. 결과 화면
사용자 삽입 이미지

이렇게 하여 File System Web Site를 다루어 보았습니다.
IIS의 특정 기능들을 사용하지 않는 간단한 웹 어플리케이션 제작 이라면 IIS를 이용한 가상 디렉토리 생성보다는 File System Web Site를 이용하는 방법이 더 편리하다고 생각합니다.

이제 3번째로 FTP를 다뤄보겠습니다.
FTP는 많은 분들이 사용해 보셨겠지만 특정 웹 사이트를 생성하는 역할 보다는 이미 존재하는 웹 사이트를 관리하기 위해 사용합니다.
Visual Studio Beta 버전은 이전 버전에 존재하지 않았던 FTP 기능을 추가하여 보다 유연하게 웹 관리를 할 수 있도록 했습니다.
그럼 실습해 보도록 하겠습니다.


1. File → Open Web Site... 를 클릭합니다.
2. Open Web Site 에 관리할 웹 사이트의 정보를 입력합니다.

사용자 삽입 이미지

3. 접속이 성공하면 Solution Explorer에 다음과 같이 원격지 파일 트리가 보입니다.
사용자 삽입 이미지
이상으로 Visual Studio를 이용하여 웹 사이트를 만드는 방법을 설명했습니다.
이번 강좌에서 Remote Web site는 다루지 않겠습니다.
웹 디버깅 강좌에서 다루게 될 것입니다.
Posted by -세티-

TRACKBACK http://www.setisigns.net/trackback/32 관련글 쓰기

댓글을 달아 주세요

  1. 김기현

    안녕하세요 세티님.

    이번에 제가 닷넷 공부를 하려고 처음부터 따라하고 있는데요

    브라우저 실행시에 왜 브라우저가 바로 닫히는지 모르겠어요

    IIS 실행해놓고도 그렇고 IIS내려놓고 해도 그렇네요.

    2009/10/16 13:41 [ ADDR : EDIT/ DEL : REPLY ]
    • 그래요? 원인이 매우 다양해서 봐야지 알 것 같습니다.
      예를 들어서 프레임워크 버전 문제일 수도 있고, 브라우저 자체에 버그가 있어서 그럴수도 있고, 또는 어떤 프로그램 실행시 실행 오류가 생겨서 닫혀 버릴수도 있거든요. 일단 가장 기본적인 닷넷 따라하기에서는 말씀 하신 문제는 없습니다. 환경적인 문제 또는 브라우저 문제 같으니 확인해보세요. 확답 드리지 못해 미안합니다.^^

      2009/10/18 20:52 [ ADDR : EDIT/ DEL ]