웹 - 웹 개발과 첫 응용 프로그램 작성 방법 배우기

한국(한국어)

:ProfileText:

홈 라이브러리 학습 코드 다운로드 지원 커뮤니티 포럼

개요

기본 항목

도구 사용해보기

코딩 시작

웹 개발이란? (개요)

웹 개발이란 웹 페이지나 사이트를 작성하는 과정을 나타내는 넓은 의미의 용어입니다. 웹 페이지는 HTML, CSS 및 JavaScript로 작성됩니다. 이러한 페이지는 문서와 비슷한 간단한 텍스트와 그래픽일 수 있습니다. 또한 페이지는 대화형이거나 변경되는 정보를 표시할 수 있습니다. 대화형 서버 페이지를 작성하기는 조금 더 복잡하지만 이를 통해 기능이 더 많은 웹 사이트를 만들 수 있습니다. 오늘날, 대부분의 페이지는 대화형이며 장바구니, 동적 가상화는 물론 복잡한 소셜 네트워크와 같은 최신 온라인 서비스를 제공할 수 있게 되었습니다.

기본 항목

Microsoft 웹 개발 제품에 대한 비디오를 보고 첫 번째 웹 응용 프로그램을 작성하는 데 사용할 도구를 설치하여 환경을 준비해 보십시오.

웹 개발의 기본 사항 배우기
비디오 | 10분 | 웹 개발 | 2010년 10월

웹 개발이 무엇인지 배웠으므로 이 비디오에서 웹 개발을 위한 도구 및 기술의 개요를 보고 웹 응용 프로그램 제작을 위한 주요 프로그래밍 모델인 ASP.NET, 그리고 Silverlight와 JavaScript 또는 jQuery를 사용한 스크립팅에 대해 배워 보십시오.

도구 사용해보기

왼쪽 버튼을 클릭하면 다음 항목이 설치됩니다.

Web Platform Installer(나머지 설치 단계 실행)
Visual Studio Web Express
Visual Studio 2010용 Silverlight 4 도구

올바른 버전의 Visual Studio 선택과 관련한 도움말을 보려면 Visual Studio 2010 비교 차트를 검토하십시오.
팀 개발에 대한 자세한 내용은 응용 프로그램 라이프사이클 관리를 참조하십시오.

코딩 시작

샘플 코드를 다운로드하고, 비디오를 보면서 지금 코딩을 시작해 보십시오.

규칙화된 개발
비디오 | 18분 | ASP.NET MVC | 2010년 6월

ASP.NET MVC는 응용 프로그램의 데이터, 프레젠테이션 및 논리 간의 분리를 제공하는 모델, 뷰 및 컨트롤러 개발 패턴을 구현하는 웹 프레임워크입니다. 이 자습서에서는 광범위한 클라이언트에서 실행되는 Twitter 클라이언트를 작성하는 방법을 배웁니다.

다음: ASP.NET MVC 자세히 알아보기

프로젝트에 사용된 코드

빠른 폼
비디오 | 11분 | ASP.NET Web Forms | 2010년 6월

ASP.NET Web Forms는 서버 기반 HTML 컨트롤과 코드를 사용하여 서버에서 실행되며 결과적으로 다양한 클라이언트를 지원하는 Forms를 작성하기 위한 웹 프레임워크입니다. 이 자습서에서는 광범위한 클라이언트에서 실행되는 Twitter 클라이언트를 작성하는 방법을 배웁니다.

다음: ASP.NET 웹 폼에 대해 자세히 알아보기

프로젝트에 사용된 코드

데스크톱에서 RIA로 실행되는 Tweeter 개발
비디오 | 34분 | Silverlight | 2010년 6월

Silverlight는 음향, 비디오, 그래픽, 텍스트 및 애니메이션을 선언적이고 절차적인 프로그래밍 환경으로 통합하는 온라인 및 오프라인 웹 프레임워크입니다. 이 자습서에서 Pete Brown이 애니메이션, Forms 디자인, 서비스 호출 등에 대한 내용을 설명합니다.

다음: Silverlight에 대해 자세히 알아보기

프로젝트에 사용된 코드

개발자 항목

ASP.NET Web Forms: ASP.NET Web Forms 시작
샘플 응용 프로그램, 데이터, Ajax, 보안, 배포 및 웹 사이트 구동에 대한 비디오를 통해 더 자세한 내용을 알아보십시오.

ASP.NET MVC: ASP.NET MVC 시작
ASP.NET MVC 학습을 위한 모범 사례, 응용 프로그램 작성 방법, 샘플 응용 프로그램 및 더 자세한 교육 자료를 찾아보십시오.

ASP.NET Web Pages: ASP.NET Web Pages 시작
WebMatrix, ASP.NET Web Pages 프레임워크 및 새 Razor 구문을 사용하여 사이트를 작성하는 방법에 대해 알아보십시오.

Silverlight: 개발자를 위한 시작 가이드
심도 깊은 비디오를 더 보고 블로그, 자습서, 샘플 등을 찾아보십시오.

스크립팅: Script Junkie에 대해 자세히 알아보기
커뮤니티에서 스크립트, HTML 및 CSS를 받으십시오.

Java 개발자를 위한 C# 및 .NET
Java 개발자용 C# 및 Visual Studio와 관련한 기본 사항에 대해 알아보십시오.

HTML

Modernizr: HTML5 및 CSS3
Modernizr 기능 검색 라이브러리를 사용하여 이전 브라우저에서 제어를 유지하면서도 HTML5와 CSS3을 활용하는 웹 사이트를 구축하는 방법을 배우십시오.

SVG를 사용하여 유연하고 확장 가능한 재미 있는 배경 만들기, 1부
이미지 편집기를 사용하지 않고 웹 사이트에 멋있고 유연하며 확장 가능한 그래픽을 제공하고 싶습니까? SVG(스케일러블 벡터 그래픽)를 사용해 보십시오. 이 기사를 통해 SVG를 이해하고 이를 사용하는 방법과 시기를 알 수 있습니다.

HTML5로 Canvas 전환
새로운 HTML5 Canvas 요소는 그래픽 렌더링과 애니메이션을 위한 놀라운 기능을 개발자에게 제공합니다. 따라 하기 쉬운 이 자습서를 통해 이러한 새 기능을 이용하는 방법을 배우십시오.

서버

IIS(Internet Information Server)
비디오, 자습서, 참조 등을 찾아보십시오.

Windows Media 서비스
MSDN 라이브러리에서 SDK, 시나리오, 프로그래밍 가이드 등을 찾아보십시오.

클라이언트 응용 프로그램 서비스
Microsoft Ajax 로그인, 역할 및 프로필 응용 프로그램 서비스를 사용하는 Windows 기반 응용 프로그램을 작성하는 방법을 배우십시오.

고성능 컴퓨팅
SDK, 디버거 도구 팩, 클래스 라이브러리, 기술 자료 등을 찾아보십시오.

서적

	Professional ASP.NET MVC 2 Model-View-Controller 모델을 사용하여 데이터 기반 동적 웹 사이트를 작성하십시오.
	SAMS Teach Yourself ASP.NET 4 in 24 Hours ASP.NET 4를 사용하여 완전하고 전문적인 수준의 웹 솔루션을 작성하는 방법을 알아보십시오.
	Silverlight 4: Problem - Design - Solution Silverlight 4의 새 기능을 사용하여 웹 사용자 환경을 개선하십시오.
	DOM Scripting: Web Design with JavaScript and the Document Object Model JavaScript와 DOM을 사용하여 웹 페이지를 개선하는 데 필요한 모든 기능을 제공합니다.