첫 번째 ASP.NET 웹 응용 프로그램: 시작하는 방법

첫 번째 ASP.NET 웹 응용 프로그램: 시작하는 방법

ASP.NET은 웹 앱 및 서비스 구축을 위한 Microsoft의 무료 크로스 플랫폼 프레임워크입니다. ASP.NET 플랫폼은 다양한 응용 프로그램을 빌드하는 데 사용되는 도구, 프로그래밍 언어 및 라이브러리의 개발자 플랫폼인 .NET의 확장입니다.





짐작할 수 있듯이 ASP.NET은 초보자가 웹 앱을 빌드하는 데 사용할 수 있는 환상적인 프레임워크입니다. 그것은 많은 유연성을 제공하고 사용하기 쉽습니다. 이 기사에서는 Microsoft Visual Studio를 사용하여 ASP.NET에서 첫 번째 웹 응용 프로그램을 만드는 데 도움을 줄 것입니다.





ASP.NET이란 무엇입니까?

ASP는 '활성 서버 페이지'를 의미합니다. ASP 및 ASP.NET은 대화형 웹 페이지를 표시하는 데 사용되는 서버 측 기술입니다. ASP.NET은 다양한 라이브러리와 도구가 있는 규모가 크고 다재다능한 에코시스템에서 개발자에게 많은 유연성을 제공합니다. 또한 개발자는 .NET 플랫폼에서 만든 모든 응용 프로그램과 공유할 수 있는 사용자 지정 라이브러리를 만들 수 있습니다.





관련: 개발자가 배울 가치가 있는 웹 프레임워크

C#, Visual Basic 또는 F#으로 ASP.NET 응용 프로그램에 대한 백 엔드 코드를 작성할 수 있습니다. 이러한 유연성을 통해 개발자는 비즈니스 논리 및 데이터 액세스 계층을 효과적으로 코딩할 수 있습니다. ASP.NET 사용의 또 다른 중요한 이점은 Razor로 알려진 웹 페이지 템플릿 구문 도구의 도움으로 C#을 사용하여 동적 웹 페이지를 구축할 수 있다는 것입니다.



엔비디아 쉴드 TV를 위한 최고의 런처

Razor는 HTML, CSS, JavaScript 및 C#을 통합하는 대화형 동적 웹 페이지를 만들기 위한 구문도 제공합니다. 클라이언트 측 코드는 일반적으로 JavaScript로 작성되며 ASP.NET은 Angular 또는 React와 같은 다른 웹 프레임워크와 통합될 수도 있습니다.

관련: Tailwind CSS와 Bootstrap: 어느 것이 더 나은 프레임워크입니까?





또한 ASP.NET은 데이터베이스, 라이브러리, 로그인 관리를 위한 템플릿, Google, Facebook 등에 대한 외부 인증 등을 포함하는 인증 시스템을 개발자에게 제공합니다. 개발자는 Windows, Linux, macOS 및 Docker를 포함한 모든 주요 플랫폼에서 ASP.NET을 사용할 수 있습니다.

Visual Studio에서 ASP.NET 웹 응용 프로그램을 만드는 방법

웹 응용 프로그램을 만들기 전에 ASP.NET을 최대한 활용할 수 있도록 HTML, CSS, JavaScript 및 C#에 익숙해지는 것이 가장 좋습니다. Microsoft Visual Studio 2019에서 ASP.NET으로 웹 응용 프로그램을 만드는 방법을 살펴보겠습니다.





다음 소프트웨어 패키지가 설치되어 있는지 확인하십시오.

Snapchat 계정 다크 웹을 해킹하는 방법
  • Microsoft Visual Studio 2019 이상
  • Visual Studio 설치 프로그램의 ASP.NET 및 웹 개발 워크로드

ASP.NET 웹 응용 프로그램 프로젝트 구성 요소 이해

웹 앱 개발을 시작하기 전에 ASP.NET의 필수 구성 요소와 웹 응용 프로그램에서 이를 활용하는 방법을 이해하는 것이 중요합니다.

이 자습서에서는 ASP.NET 웹 양식을 사용하여 홈페이지, 문의하기 등과 같은 개별 웹 페이지를 만들 것입니다. 각 웹 양식에는 HTML/CSS용 .aspx 파일, .aspx라는 세 가지 주요 구성 요소가 있습니다. .cs 코드 파일 및 .aspx.designer.cs 파일. 이 자습서에서는 주로 .aspx 및 .aspx.cs 파일에서 작업합니다.

.aspx 파일에는 웹 페이지의 모든 HTML 및 CSS 코드가 포함됩니다. asp 태그는 서버에서 데이터를 가져오고 입력 데이터를 서버로 보내기 때문에 HTML 태그보다 asp 태그를 사용해야 합니다. 이것은 동적 웹 애플리케이션에서 요구되는 기능적 특성입니다.

.aspx.cs 파일에는 웹 페이지의 C# 코드가 포함되어 있으며 이는 웹 페이지가 로드되고 단추가 클릭되는 등의 특정 이벤트가 발생할 때 발생하는 작업을 제어합니다. 각 함수에 대해 별도의 함수를 만들고 해당 .aspx 파일의 관련 asp 태그에 연결할 수 있습니다.

마스터 페이지는 개발자에게 유용하며 각 웹 페이지에 탐색 모음 및 바닥글과 같은 필수 구성 요소를 추가합니다. 개발자는 동일한 코드를 반복적으로 추가하는 대신 템플릿에 필요한 모든 코드를 하나의 마스터 페이지에 추가한 다음 각 웹 페이지를 마스터 페이지에 연결할 수 있습니다. 다음 섹션에서 이를 수행하는 방법을 보여드리겠습니다.

새 ASP.NET 웹 앱 프로젝트 만들기

ASP.NET에서 웹 응용 프로그램을 만드는 첫 번째 단계는 프로젝트 템플릿을 선택하고 새 웹 응용 프로그램을 만드는 것입니다.

  1. Microsoft Visual Studio를 실행하고 클릭하십시오. 새 프로젝트 만들기
  2. 템플릿 검색 상자에 ASP.NET을 입력하고 ASP.NET 웹 애플리케이션 ( .넷 프레임 워크 )를 클릭하고 다음 . 이전 섹션에서 언급한 필수 설치가 없는 경우 이 템플릿을 얻을 수 없습니다.
  3. 다음 화면에서 프로젝트 이름과 디렉터리를 구성하고 다음을 클릭합니다. 다음 .
  4. 이제 Visual Studio에서 프로젝트 템플릿을 만들고 화면 상단의 녹색 재생 버튼을 클릭하여 템플릿 응용 프로그램을 실행할 수 있습니다.

새 ASP.NET 웹 양식 만들기

ASP.NET을 더 잘 이해할 수 있도록 게임 상점에 대한 간단한 제품 페이지를 만듭니다. 첫 번째 단계는 새 웹 양식을 만드는 것입니다. 이전에 만든 프로젝트에서 다음으로 이동합니다. 파일 > 새로 만들기 > 파일 그리고 선택 웹 양식 . 일단 설정하고 나면 헤더 코드만 있는 빈 .aspx 파일을 볼 수 있어야 합니다.

웹 페이지의 전체 모양 개발을 시작하려면 HTML/CSS의 코드를 직접 사용하거나 템플릿을 사용할 수 있습니다. 테일블록 .

템플릿을 사용하여 위의 제품 페이지 레이아웃을 설정했습니다. 제품 이미지, 제품 세부 정보 및 탐색 모음을 표시합니다. 마스터 페이지를 사용하여 탐색 모음의 HTML 및 CSS를 추가했습니다.

전자 제품을 위한 가장 저렴한 온라인 쇼핑 사이트

위의 코드(.aspx.cs 파일)에서 로드 페이지 자리 표시자에 제품 세부 정보를 설정하는 기능입니다. 로그인, 회원가입, 장바구니 담기 등의 유사한 기능을 생성할 수 있습니다.

제품 설명을 표시하는 샘플 asp 태그는 다음과 같습니다.

C# 코드의 설명 값이 이 자리 표시자에 표시됩니다. Visual Studio의 도구 상자를 활용하여 이미지, 단추, 라디오 단추 등과 같은 표시 요소를 추가할 수도 있습니다. ASP.NET 구문을 배울 수 있는 온라인에서 사용할 수 있는 여러 리소스가 있습니다.

초보자를 위한 ASP.NET 웹 응용 프로그램

ASP.NET은 웹 응용 프로그램 및 서비스를 만들기 위한 강력한 플랫폼입니다. ASP.NET에서 웹 응용 프로그램을 개발하기 전에 JavaScript, HTML, CSS 및 C#에 익숙해야 합니다.

공유하다 공유하다 트위터 이메일 궁극의 JavaScript 치트 시트

이 치트 시트를 사용하여 JavaScript 요소에 대해 빠르게 복습하세요.

다음 읽기
관련 항목
  • 프로그램 작성
  • ASP.NET
  • 프로그램 작성
저자 소개 M. 파하드 카와자(45개 기사 게재)

Fahad는 MakeUseOf의 작가이며 현재 컴퓨터 공학을 전공하고 있습니다. 열렬한 기술 작가로서 그는 최신 기술을 지속적으로 업데이트합니다. 그는 특히 축구와 기술에 관심이 많습니다.

M. Fahad Khawaja가 참여한 작품 더보기

뉴스레터 구독

뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!

구독하려면 여기를 클릭하세요.