연습: 웹 사이트 복사 도구를 사용하여 웹 사이트 복사
업데이트: 2007년 11월
이 연습에서는 웹 사이트 복사 도구를 사용하여 현재 웹 사이트와 다른 웹 사이트 간에 파일을 복사하는 방법을 보여 줍니다.
이 연습을 통해 다음과 같은 작업 방법을 배웁니다.
웹 사이트 간에 파일을 복사합니다.
동일한 버전의 파일을 포함하도록 두 웹 사이트를 동기화합니다.
.gif "참고")
참고:GAC에 등록된 사용자 지정 구성 요소에 대한 참조가 포함된 응용 프로그램을 복사할 경우에는 해당 구성 요소가 응용 프로그램과 함께 복사되지 않습니다. 자세한 내용은 방법: 웹 사이트의 .NET 또는 COM 구성 요소에 대한 참조 추가를 참조하십시오.
사전 요구 사항
이 연습을 완료하려면 다음과 같은 요건을 갖추어야 합니다.
Visual Web Developer
.NET Framework
공유 웹 사이트 만들기
이 연습에서는 프로덕션 환경에서 작업할 때와 마찬가지로 공유 웹 사이트와 로컬 웹 사이트를 모두 사용합니다. 공유 웹 사이트는 스테이징 서버나 프로덕션 서버 등의 다른 서버에 있는 것이 일반적입니다. 이러한 사이트에서 작업하려면 사이트의 로컬 버전을 만든 후 공유 서버의 파일을 사용자 컴퓨터로 복사합니다. 그런 후 업데이트가 끝나면 로컬 파일을 공유 서버로 다시 복사합니다.
또한 이 연습에서는 두 명 이상의 개발자가 있는 환경에서 작업할 때의 상황도 경험할 수 있습니다. 사이트에서 작업하는 다른 개발자들은 파일을 다운로드하여 로컬로 편집한 후 공유 서버로 다시 복사할 수 있습니다. 따라서 로컬 웹 사이트의 파일을 공유 웹 사이트로 복사해야 할 뿐 아니라 공유 웹 사이트의 업데이트된 파일 버전을 로컬 웹 사이트로도 복사해야 할 수 있습니다.
이 연습에서는 2개의 웹 사이트를 만들어 이러한 상황을 만들어 봅니다. 두 웹 사이트를 별도의 컴퓨터에 두지 않고 동일한 로컬 컴퓨터에 배치합니다. 이렇게 하면 다른 컴퓨터를 사용하지 않고도 프로덕션 환경에서 작업할 때처럼 웹 사이트 복사 도구로 작업할 수 있습니다. 이 연습에서 수행하는 모든 작업은 공유 웹 사이트가 다른 컴퓨터에 있을 때도 동일하게 진행됩니다. @메모장에서 파일을 변경하여 다른 개발자가 편집한 내용을 동일하게 수행해 봅니다.
파일 시스템 웹 사이트를 만들려면
Visual Web Developer를 엽니다.
파일 메뉴에서 새웹 사이트를 클릭합니다.
새 웹 사이트 대화 상자가 나타납니다.
Visual Studio에 설치되어 있는 템플릿에서 ASP.NET 웹 사이트를 클릭합니다.
맨 왼쪽에 있는 위치 목록에서 파일 시스템을 클릭한 후 맨 오른쪽의 위치 목록에 C:\SharedWebSite를 입력합니다.
참고:이 연습의 뒷부분에 나오는 절차에서는 이름이 SharedWebSite인 웹 사이트로 작업한다고 가정합니다.
언어 목록에서 작업할 프로그래밍 언어를 클릭합니다.
확인을 클릭합니다.
Visual Web Developer에서 해당 폴더와 Default.aspx라는 새 페이지를 만듭니다.
테스트 페이지 만들기
이 연습에서는 알려진 이름을 갖는 간단한 페이지를 몇 개 만듭니다.
| 참고: |
|---|
웹 페이지 복사를 테스트하기 위해 특정 페이지를 사용할 필요는 없습니다. 그러나 연습 뒷부분에서는 다음 절차에서 만든 페이지를 편집합니다. |
테스트 페이지를 만들려면
솔루션 탐색기에서 웹 사이트의 이름을 마우스 오른쪽 단추로 클릭한 다음 새 항목 추가를 클릭합니다.
Visual Studio에 설치되어 있는 템플릿에서 Web Form을 클릭합니다.
이름 상자에 Services.aspx를 입력합니다.
언어 목록에서 작업할 프로그래밍 언어를 클릭합니다.
추가를 클릭합니다.
새 페이지가 편집기에 나타납니다.
디자인 뷰로 전환합니다.
해당 페이지에서 서비스를 입력하고, 입력한 텍스트를 선택하여 강조한 후 서식 도구 모음에서 제목 1 <H1>을 클릭합니다.
해당 텍스트 끝에 포인터를 놓습니다.
Enter 키를 눌러 새 단락을 만든 후 이 페이지는 제공되는 서비스를 보여 줍니다.를 입력합니다.
페이지를 저장합니다.
1-9단계를 반복하여 제목이 제품이고 이 페이지는 판매되는 제품을 보여 줍니다.라는 텍스트가 표시되는 Products.aspx 페이지를 만듭니다.
Default.aspx 페이지를 열고 디자인 뷰로 전환합니다.
이 페이지에서 제목 홈과 웹 사이트에 오신 것을 환영합니다.라는 텍스트를 입력합니다.
이제 홈 페이지(Default.aspx)에 방금 만든 페이지로 연결되는 컨트롤을 추가합니다.
홈 페이지에 링크를 추가하려면
Default.aspx 페이지를 열고 디자인 뷰로 전환합니다.
도구 상자의 표준 그룹에서 Hyperlink 컨트롤을 페이지로 끌어 옵니다.
Text를 제품으로, href을 ~/Products.aspx로 설정합니다.
다른 Hyperlink 컨트롤을 페이지로 끌어 온 후 Text를 서비스로, href을 ~/Services.aspx로 설정합니다.
파일을 저장합니다.
웹 사이트 테스트
이제 웹 사이트가 예상대로 작동하는지 테스트해 봅니다.
웹 사이트를 테스트하려면
솔루션 탐색기에서 Default.aspx를 마우스 오른쪽 단추로 클릭한 후 브라우저에서 보기를 클릭합니다.
페이지가 브라우저에 나타납니다.
제품 및 서비스를 클릭하여 링크가 제대로 작동하는지 확인합니다.
브라우저를 닫습니다.
소스 웹 사이트 만들기
이 연습 부분에서는 파일을 복사하거나 복사해 올 수 있는 또 다른 웹 사이트를 만듭니다. 이 연습 앞부분에 나오는 "공유 웹 사이트 만들기"에서 설명한 것처럼 두 사이트는 모두 사용자 컴퓨터에 있지만 첫 번째 웹 사이트는 공유 웹 사이트로 작동합니다. 이 연습 부분에서 만들게 되는 웹 사이트는 파일 편집에 사용하는 사이트로 작동합니다.
소스 웹 사이트를 만들려면
파일 메뉴에서 프로젝트 닫기를 클릭하여 SharedWebSite를 닫습니다.
파일 메뉴에서 새웹 사이트를 클릭합니다.
Visual Studio에 설치되어 있는 템플릿에서 ASP.NET 웹 사이트를 클릭합니다.
맨 왼쪽에 있는 위치 목록에서 파일 시스템을 클릭한 후 맨 오른쪽의 위치 목록에 C:\LocalWebSite를 입력합니다.
확인을 클릭합니다.
공유 웹 사이트에서 로컬 웹 사이트로 파일 복사
이제 공유 웹 사이트는 사용자 컴퓨터에 있으며 새 웹 사이트는 열려 있습니다. 프로젝트의 새 개발자라면 먼저 공유 웹 사이트에서 모든 파일을 가져와 로컬 웹 사이트로 복사하려고 할 것입니다.
공유 웹 사이트의 모든 파일을 로컬 웹 사이트로 복사하려면
웹 사이트 메뉴에서 웹 사이트 복사를 클릭합니다.
<Websitename> 복사 도구가 나타납니다.
연결을 클릭합니다.
웹 사이트 열기 대화 상자가 나타납니다.
파일 시스템을 클릭합니다.
폴더 상자에 C:\SharedWebSite를 입력합니다.
공유 사이트가 다른 컴퓨터에 있으면 해당 서버의 URL을 입력합니다.
열기를 클릭합니다.
공유 사이트의 파일이 원격 웹 사이트 아래에 표시됩니다.
대부분의 파일 옆에는 상태를 나타내는 기호가 표시됩니다. 화살표 기호는 사이트를 동기화하는 경우 파일이 복사되는 방향을 나타냅니다. 현재 원격 웹 사이트 목록의 Services.aspx 및 Products.aspx 파일은 두 웹 사이트를 동기화할 경우 공유 사이트에서 로컬 사이트로 복사되므로 소스 웹 사이트 목록을 가리킵니다.
Default.aspx 파일 옆에는 물음표(?)가 표시됩니다. 이것은 이 파일이 두 사이트에서 동일한 이름을 가지지만 타임스탬프 데이터는 다르며, 파일이 마지막으로 복사된 시간에 대한 정보는 없음을 나타냅니다.
원격 웹 사이트에서 모든 파일과 폴더를 선택하여 강조 표시합니다.
이 경우에는 공유 사이트의 모든 파일을 복사하려고 합니다. 여기에서는 사용자가 기존 웹 사이트의 새 개발자이며 가장 최신 버전의 웹 사이트 파일을 가져오려고 한다고 가정합니다. 새 로컬 사이트를 만들었으므로 로컬 사이트의 파일을 공유 사이트로 복사할 필요는 없습니다.
왼쪽 화살표 단추를 클릭하여 선택한 파일을 공유 사이트에서 로컬 사이트로 복사합니다.
왼쪽 화살표 단추 위로 포인터를 가져가야만 도구 설명이 나타납니다. 이 화살표는 소스 웹 사이트를 가리킵니다.
Visual Web Developer에서는 파일 복사를 시작합니다. Default.aspx 파일에 도달하면 이 파일의 로컬 복사본을 공유 사이트의 파일로 덮어쓸지 묻는 메시지가 표시됩니다.
파일 덮어쓰기 확인 대화 상자에서 모든 항목에 적용 확인란을 선택한 후 예를 클릭합니다.
이 경우 공유 사이트의 파일 버전을 원하므로 파일 이름이 중복된 파일의 모든 로컬 버전을 덮어쓰는 것이 안전합니다. 복사 프로세스가 끝나면 소스 웹 사이트 및 원격 웹 사이트 목록이 같아집니다.
참고:웹 사이트 복사 도구는 파일을 병합하지 않으며 덮어쓰기만 합니다.
개별 페이지 복사
웹 사이트 복사 도구를 사용하여 파일 전체 또는 개별 파일을 복사할 수 있습니다. 이 연습 부분에서는 소스 웹 사이트에서 새 웹 페이지를 만든 후 새 웹 페이지 파일을 공유 웹 사이트로 복사합니다.
개별 파일을 만들어 복사하려면
솔루션 탐색기에서 웹 사이트의 이름을 마우스 오른쪽 단추로 클릭한 다음 새 항목 추가를 클릭합니다.
Visual Studio에 설치되어 있는 템플릿에서 Web Form을 클릭합니다.
이름 상자에 Extra.aspx를 입력합니다.
추가를 클릭합니다.
페이지에 내용을 추가할 필요는 없습니다.
페이지를 닫습니다.
새 페이지가 소스 웹 사이트에 표시되며 옆에는 원격 웹 사이트를 가리키는 화살표가 나타납니다. 지금 당장 동기화하면 로컬 웹 사이트에서 공유 웹 사이트로 해당 파일이 복사됩니다.
웹 복사 탭에서 새 페이지를 선택하여 강조 표시합니다.
오른쪽/왼쪽 화살표 단추를 클릭하여 선택한 파일을 로컬 웹 사이트에서 공유 웹 사이트로 복사합니다.
이 단추 위로 포인터를 가져가야만 도구 설명이 나타납니다.
새 페이지가 공유 웹 사이트로 복사되며 원격 웹 사이트의 목록이 업데이트됩니다.
웹 사이트 동기화
동기화란 각 파일의 최신 버전을 복사하여 두 사이트가 동일한 파일 복사본을 보유하도록 하는 것입니다. 공유 웹 사이트에 있는 파일이 다른 사용자에 의해 업데이트될 수 있으면 동기화를 사용합니다. 이 연습 부분에서는 먼저 로컬 및 공유 웹 사이트를 변경한 후 두 사이트 간 변경 내용을 동기화합니다.
로컬 및 공유 웹 사이트를 변경하려면
<Websitename> 복사 탭의 소스 웹 사이트에서 Extra.aspx를 클릭한 다음 삭제 단추를 클릭합니다.
해당 파일을 삭제할지 묻는 메시지가 표시되면 예를 클릭합니다.
삭제한 페이지 파일이 소스 웹 사이트에 표시되며 파일 옆에는 파일이 삭제되었음을 나타내는 기호가 나타납니다.
참고:마지막 복사 작업 이후 삭제된 파일 표시 확인란을 선택합니다.
Windows에서 메모장을 시작한 후 C:\SharedWebSite\Products.aspx를 엽니다.
파일에 공백이나 다른 문자를 추가하고 파일을 저장한 후 메모장을 닫습니다.
이러한 과정을 통해 다른 개발자가 공유 웹 사이트에서 파일을 변경한 경우 어떤 결과가 발생하는지 알아봅니다.
Visual Web Developer의 <Websitename> 복사 탭에서 원격 웹 사이트를 새로 고칩니다.를 클릭합니다.
Products.aspx 파일 옆에 소스 웹 사이트를 가리키는 화살표가 표시됩니다.
원격 웹 사이트에서 모든 파일 및 폴더를 선택하여 강조한 후 동기화 단추를 클릭하여 로컬 웹 사이트와 원격 웹 사이트의 동일한 상대 경로 사이에서 선택한 파일을 동기화합니다.
이 단추 위로 포인터를 가져가야만 레이블이 표시됩니다. 또한 이 단추에는 양쪽 창을 나타내는 오른쪽 및 왼쪽 화살표가 있습니다.
원격 웹 사이트에서 정말로 Extra.aspx 파일을 삭제할지 묻는 메시지가 표시되면 예를 클릭합니다.
Products.aspx 페이지가 원격 웹 사이트에서 소스 웹 사이트로 복사됩니다.
참고:소스 웹 사이트 아래의 모든 파일과 폴더를 선택하고 해당 파일과 폴더를 동기화해도 결과는 같습니다.
다음 단계
이 연습에서는 웹 사이트 복사 도구를 사용하여 수행할 수 있는 기본 작업을 살펴보았습니다. 연습 과정에서는 적은 수의 파일만 포함된 웹 사이트로 작업했지만 이 연습에서 사용한 기술을 모든 규모의 사이트에 적용할 수 있습니다. 또한 다른 방법으로 원격 컴퓨터에 파일을 복사하고 싶을 수도 있습니다. 예를 들어, 다음과 같은 작업을 할 수 있습니다.
FTP 웹 사이트로 작업합니다. FTP 웹 사이트를 사용하면 FTP 연결을 허용하도록 구성된 서버에서 직접 파일을 열고 편집할 수 있습니다.
자세한 내용은 연습: Visual Web Developer에서 FTP를 사용하여 웹 사이트 편집을 참조하십시오.
웹 사이트의 내용을 미리 컴파일하는 웹 사이트 게시 방법을 배웁니다. 그런 후 프로덕션 서버로 출력을 배포할 수 있습니다.
자세한 내용은 연습: 웹 사이트 게시를 참조하십시오.