웹 매트릭스

웹매트릭스는 하나의 툴에서 웹에 필요한 모든 서버를 설치해주고, 웹 개발 기술을 모르는 초보자도 사이트를 쉽게 만들도록 해주는 CMS(Content Management System)를 몇 번의 클릭만으로 누구나 사용할 수 있게 만들어 줍니다.



이 책은 웹매트릭스의 소개와 툴의 전반적인 사용법부터 CMS 툴을 활용한 "코드 없이 개발"하는 방법을 소개합니다. 또 웹매트릭스를 이용해 웹 프로그래밍을 시작하는 개발자들을 위한 자세한 설명과 ASP.NET Web Pages를 기초로 하는 Razor View Engine의 사용법과 각종 온라인 패키지 활용 방법에 대한 다양한 예제로 구성되어 있습니다.

이 책은 크게 2가지 파트로 나눌 수 있습니다. 먼저 파트1에서는 웹매트릭스의 소개와 툴의 전반적인 사용법을 알아본 뒤, 웹 사이트를 어떻게 만들어야 될지 모르는 분들에게 웹매트릭스의 강점인 CMS툴을 사용하여 좀 더 쉽고 빠르게 웹 사이트를 제작할 수 있도록 합니다. 특히 CMS툴의 강점인 "코드 없이 개발"하는 방법을 통해, 복잡하고 어렵게 느껴지는 코딩을 최소화하고, 만들어져 있는 레이아웃과 오픈소스 등을 조합하여 주제에 맞는 웹 사이트를 제작하는 단계를 진행합니다. 파트2에서는 웹매트릭스를 이용하여 본격적으로 웹 프로그래밍을 시작하고자하는 초보 개발자들을 위한 내용을 알아봅니다. ASP.NET의 새로운 프로그래밍 방법 중 하나인 ASP.NET Web Pages를 기초로 하는 Razor View Engine의 사용법과 각종 온라인 패키지 활용 방법을 소개하고 있는데, 이를 통하여 기존에는 손이 많이 가고 작업 분량이 많았던 웹 프로그래밍 관련 작업들을 더 손쉽고 간편하게 달성할 수 있는 방법들을 직접 체험해볼 수 있습니다.



추천사



기업에게는 변화의 순간이란 것이 있습니다. 제가 마이크로소프트에 있던 시절도 PC에서 웹으로 제품의 체질이 넘어 가려 하던 변화의 순간이었습니다. 그러한 변화가 성공적이었는지 평가하는 것은 후일의 몫이지만, 모든 변화의 과정은 현장에서 리얼타임으로 목격할 수도 또 공동체와 공유도 가능한 일이기에 늘 중요합니다. 웹매트릭스라는 웹 개발 툴은 마이크로소프트가 근래에 겪은 변화 과정의 일환이자, 일종의 상징이기도 했습니다. 저자 허찬씨는 당시부터 여러 커뮤니티 활동에서 리더십을 발휘하며, 그 변화의 긍정적 확산에 늘 주역으로 활동해 왔습니다. 웹매트릭스 서적의 한글판이 허찬씨의 노력에 의해 나오는 일은 그런 면에서 의미가 크다 할 수 있습니다. Razor가 가져 온 경쾌한 문법에 기존의 ASP.NET의 상식이 깨진 순간을 아직도 기억합니다. 그 기분 좋은 각성을 여러분도 본서와 함께 느낄 수 있기 바랍니다.

editoy 설립자 및 개발자 김국현



단순히 정보 공유와 하이퍼링크로 대변되던 웹은 N-screen 시대를 맞아 바야흐로 중심 플랫폼이 되고 있습니다. 이런 대세에 맞춰 Microsoft에서는 누구나 웹 사이트를 제작할 수 있도록 서버와 데이터베이스, 심지어 오픈 소스 CMS까지 포함되어 있는 WebMatrix를 선보였습니다. 차세대 웹 표준 기술인 HTML5까지 끌어안고 있는 WebMatrix. 웹 개발에 첫 발을 내딛는 사람들이라면 이 책을 통해 가장 빨리 "웹"이라는 신세계와 만날 수 있으리라 믿습니다.

IE MVP 고경희

Part1. WebMatrix for Beginner

1장 웹매트릭스 살펴보기

1.1 웹매트릭스 개요

1.2 웹매트릭스와 웹 스택(Web Stacks)

1.2.1 ASP.NET Web Pages 웹 스택

1.2.2 ASP.NET 웹 스택

1.2.3 PHP 웹 스택

1.3 IIS Express와 SQL Server Compact, ASP.NET Web Pages

1.3.1 IIS Express

1.3.2 SQL Server Compact

1.3.3 ASP.NET Web Pages

1.4 웹매트릭스 라이선스 정책

1.5 웹매트릭스2 미리보기

1.6 웹매트릭스로 만들 수 있는 웹 사이트



2장 웹매트릭스 설치와 둘러보기

2.1 마이크로소프트 웹 플랫폼 인스톨러

2.2 웹매트릭스 직접 설치하기

2.3 웹매트릭스 메뉴 구성 살펴보기

2.3.1 웹 갤러리에서 사이트 만들기

2.3.2 템플릿에서 사이트 만들기

2.4 웹매트릭스 작업 환경 살펴보기

2.4.1 사이트

2.4.2 파일

2.4.3 데이터베이스

2.4.4 보고서

2.5 웹매트릭스로 첫 웹 사이트 만들기

2.5.1 웹매트릭스로 새 프로젝트 만들기

2.5.2 새 HTML 페이지 만들기

2.5.3 새 서버 프로그램 만들기



3장 웹매트릭스로 쉽게 웹 사이트 제작하기

3.1 Umbraco 살펴보기

3.2 웹매트릭스로 Umbraco 설치하기

3.3 Umbraco로 사이트 제작하기

3.3.1 컨텐츠 작성

3.3.2 미디어 추가

3.3.3 유저 관리

3.3.4 세팅

3.3.5 개발과 코딩

3.3.6 멤버

3.3.7 웹 사이트 레이아웃 작업

3.4 XpressEngine 알아보기

3.5 XpressEngine으로 웹 사이트 제작하기

3.5.1 XE 업데이트 및 설정

3.5.2 사이트 메뉴 구성 및 레이아웃

3.5.3 XE 게시판 및 페이지 관리

3.5.4 XE 회원 관리

3.5.5 위젯 관리



4장 웹매트릭스로 홈페이지 배포하기

4.1 웹 호스팅 서버 찾기

4.2 Web Deploy와 FTP

4.3 배포한 웹 사이트 유지 보수하기



Part2. Cooking with WebMatrix

5장 웹매트릭스와 웹 프로그래밍

5.1 Razor View Engine 소개

5.2 Razor View Engine에서의 C# 프로그래밍

5.2.1 C# 프로그래밍 시작하기

5.2.2 C# 변수 선언

5.2.3 C# 조건문

5.2.4 C# 반복문

5.2.5 C# 주석 처리

5.3 Razor View Engine에서의 HTML 활용

5.3.1 조건문 안에서 HTML 출력하기

5.3.2 반복문 안에서의 HTML 출력

5.3.3 이스케이프 처리

5.3.4 주석 처리하기

5.4 마스터 페이지와 디테일 페이지

5.4.1 마스터 레이아웃의 이해

5.4.2 마스터 페이지 정의하기

5.4.3 디테일 페이지 정의하기

5.5 마스터 디테일 페이지를 활용한 프로필 페이지 만들기

5.5.1 사이트 기본 바탕 만들기

5.5.2 이미지 표시하기

5.5.3 비디오 표시하기

5.5.4 폼 메일 보내기



6장 HTML5와 모바일 웹

6.1 HTML5 활용

6.1.1 Hyper Text Markup Language

6.1.2 HTML5의 문서 구조

6.1.3 HTML5 태그 활용하기

6.1.4 새로운 HTML5 태그 소개

6.2 CSS3 활용

6.2.1 Cascading Style Sheet

6.2.2 CSS3의 특징

6.2.3 CSS3 셀렉터

6.2.4 미디어쿼리 사용하기

6.3 HTML5 API 사용하기

6.3.1 API란?

6.3.2 HTML5의 API 사용하기

6.3.3 웹매트릭스로 웹 앱 만들기

6.4 모바일 웹 프로그래밍

6.4.1 모바일 웹 페이지를 위한 UI 구상

6.4.2 jQuery Mobile

6.4.3 첫 모바일 사이트 만들기

6.4.4 모바일 웹 사이트를 위한 사전 준비

6.4.5 리스트 UI 만들기

6.4.6 뷰 포트 고려하기

6.5 HTML5 API의 가능성과 발전 방향



7장 웹매트릭스로 블로그 만들기

7.1 블로그 제작에 필요한 데이터베이스 명령 살펴보기

7.1.1 SELECT 문 활용

7.1.2 INSERT 문 활용

7.1.3 UPDATE 문 활용

7.1.4 DELETE 문 활용

7.1.5 데이터 정렬

7.1.6 중복 데이터 제거하기

7.1.7 간단한 함수 사용하기

7.1.8 INNER JOIN을 이용한 복잡한 쿼리 만들기

7.2 웹매트릭스로 나만의 블로그 만들기

7.2.1 새로운 사이트 템플릿 만들고 살펴보기

7.2.2 기본 데이터베이스 구조 살펴보기

7.2.3 데이터베이스 테이블 만들기

7.2.4 _SiteLayout.cshtml 구현하기

7.2.5 Default.cshtml 파일 구현하기

7.2.6 Posts.cshtml 구현하기

7.2.7 Admin/Posts.cshtml 구현하기

7.2.8 Admin/AddPost.cshtml 파일 추가

7.2.9 Admin/EditPost.cshtml 파일 추가

7.2.10 이미지 업로드 구현하기 #1 - 새 글 쓰기

7.2.11 이미지 업로드 구현하기 #2 - 이미지 표시

7.2.12 이미지 업로드 구현하기 #3 - 첫 페이지

7.2.13 이미지 업로드 구현하기 #4 - 글 목록

7.2.14 이미지 업로드 구현하기 #5 - 글 편집

7.2.15 관리 페이지 접근 제어하기

7.2.16 웹매트릭스 도우미 설치하기

7.2.17 카운터 기능 구현하기

7.2.18 RSS 피드 구현하기



8장 웹매트릭스 도우미로 만드는 소셜 웹 사이트

8.1 웹매트릭스 도우미 살펴보기

8.2 페이스북 도우미

8.2.1 '좋아요' 버튼 추가하기

8.2.2 소셜 댓글 기능 추가하기

8.2.3 웹 페이지를 좀 더 자세히 설명하기

8.3 트위터 도우미

8.3.1 팔로우 버튼 추가하기

8.3.2 내 트위터 메시지 보여주기

8.3.3 블로그 글 다른 사람에게 트윗하기

8.4 단축 주소와 QR코드 추가하기

8.4.1 단축 주소의 이해

8.4.2 단축 주소 도우미를 프로젝트에 추가하기

8.4.3 QR코드 생성하기

8.5 네이버 오픈 API를 활용한 도우미 만들기

남정현 저자 남정현은 Windows Azure MVP 2012이며 (주)컨텐츠스토리에서 개발 업무를 담당하고 있습니다. 실제 업무에서 최신 웹 프로그래밍 기술과 클라우드 컴퓨팅 기술에 대해 많은 시간을 할애하여 연구하고 개발하는 일에 전념하고 있으며, 커뮤니티에서 Windows Azure Platform을 이용한 다양한 세미나와 강의를 진행하고 있습니다.