Visual Studio 시작

Visual Studio를 설치해야 한다면 앞 문서를 확인하세요.

Visual Studio 2017로 앱 빌드 도움말 보기

작성자: Nicole Bruck

1단계: 만들기

“Hello, World!”라고 표시되도록 ASP.NET 웹앱을 만들려고 합니다.”

  • [파일] → [새로 만들기] → [프로젝트…] 선택

 

  • [웹]에서 “ASP.NET 웹 응용 프로그램” 프로젝트 유형을 선택하여 이름을 “HelloWorld”로 지정
클릭” open=”no”]

 

  • 환영합니다!

2단계: 편집

새 메시지를 표시하도록 웹앱 제목을 편집하려고 합니다.

프로젝트 시작 페이지에 시작하는 데 유용한 여러 가지 링크가 표시됩니다.  프로젝트를 즉시 실행하는 경우에는 이 페이지가 웹 사이트의 기본 페이지가 되므로 어떻게 구성되었는지 확인하면서 자세한 정보를 얻을 수 있습니다.  여기서는 간단한 페이지를 프로젝트에 추가하여 항목들이 깔끔하고 명료하게 보이도록 해 보겠습니다.

  • 솔루션 탐색기에서 “Hello World” 프로젝트를 마우스 오른쪽 단추로 클릭하고 [추가] 메뉴 옵션을 확장하여 HTML 페이지를 선택한 다음 페이지 이름을 [HelloWorld]로 지정합니다.
  • 새 페이지가 편집기에 로드되고 기본적으로 포커스가 있습니다. 그렇지 않으면 계속 진행하여 솔루션 탐색기의 오른쪽 위에서 다시 포커스를 찾아 두 번 클릭합니다(한 번 클릭하면 편집기 창에 임시 미리 보기가 제공됨).
  • 이 새 페이지에서 제목을 업데이트하고 본문에는 2개의 줄과 바닥글을 추가하겠습니다.  원한다면 더 하거나 덜 할 수도 있습니다.

3단계: 빌드 및 실행

이제 프로젝트 빌드를 시작하여 모든 코드가 작동하도록 하겠습니다.

  • 시작 단추를 누르면 드롭다운 메뉴가 나타나고 웹 사이트 사용을 시작할 기본 브라우저를 선택할 수 있습니다(실행할 새 브라우저 추가도 가능).
시작 단추(브라우저 이름 옆의 초록색 화살표)를 클릭하면 사이트가 나타나고 그 브라우저에서 실행됩니다.

  • 새 페이지는 활성 탭에 있고 프로젝트에 제공된 페이지는 다른 탭에 있습니다.

 

  • 브라우저 창을 닫아도 웹 사이트가 종료되지는 않습니다.  편집 모드로 돌아가려면 빨간 사각형을 클릭하여 디버그 세션을 종료해야 합니다.  성능 창은 사이트가 아직 실행 중임을 나타냅니다. 오른쪽 창에서 확인할 수 있습니다.

그리고 이 창에서 페이지를 열어 로컬로 작업할 수도 있습니다.  여기에서 기본 페이지에 나타나는 힌트와 링크를 이용하여 더 복잡한 응용 프로그램을 빌드하고 서비스를 추가하고 Azure에 배포하는 작업까지 할 수 있습니다.



일부 디버깅 기능을 체험할 준비가 되었으면 다음 문서로 이동하세요. 디버그 및 추가 정보