@{
	Layout = "_layout.cshtml";
	Page.Title = "¾ÆƼŬ Á¶È¸";

	var id = Request.QueryString["ID"];
	
	if(id.IsEmpty()) 
	{
		Response.Redirect("Category");
	}
	
	var db = Database.Open("MyBlog");
	var query = "SELECT * FROM Articles WHERE ID = @0 AND InUse = 'Y'";
	var data = db.QuerySingle(query, id);
}

<div class="page-title">
	<h1>@data.Subject</h1>
	<span>@data.CreateDate.ToString()¿¡ ÀÛ¼ºµÊ</span>
</div>

<fieldset>
	@Html.Raw(data.Content.Replace("\r\n", "<br />"))
	
	<br/><br/>
	<p class="form-actions">
		<input type="button" value="¸ñ·ÏÀ¸·Î" class="long-input" onclick="document.location.href='/Category?ID=@data.CategoryID'" />
		<input type="button" value="ÀÛ¼ºÇϱâ" class="long-input" onclick="document.location.href='/CreateArticle'" />
		<input type="button" value="¼öÁ¤Çϱâ" class="long-input" onclick="document.location.href='/EditArticle?ID=@id'" />
		<input type="button" value="»èÁ¦Çϱâ" class="long-input" onclick="document.location.href='/DeleteArticle?ID=@id'" />
	</p>
</fieldset>

Ä«Å×°í¸® ¸ñ·Ï ÆäÀÌÁö

@{
    Layout = "_layout.cshtml";
    Page.Title = "Ä«Å×°í¸® ¸ñ·Ï";

    var id = Request.QueryString["ID"];
    var db = Database.Open("MyBlog");
    var query = "SELECT * FROM Categories WHERE INUSE = 'Y' ORDER BY ID ASC";
    var datas = db.Query(query);
        
    if(! id.IsEmpty()) 
    {
        query = "SELECT * FROM Categories WHERE ID = @0 AND INUSE = 'Y' ORDER BY ID ASC";
        datas = db.Query(query, id);
    }
}

<div class="page-title">
    <h1>Ä«Å×°í¸® ¸ñ·Ï</h1>
    <span> </span>
</div>

<fieldset>
    <ul>
        @foreach(var data in datas) 
        {
            <li class="password">
                <a href="/Category?ID=@data.ID">
                    @data.Name
                </a>
            </li>
        
            query = "SELECT {0} * FROM Articles WHERE CategoryID = @0 AND INUSE = 'Y' ORDER BY CreateDate DESC";
            
            // ID°¡ ÀÖ´Â °æ¿ì Àüü, ±×·¸Áö ¾ÊÀº °æ¿ì´Â TOP 5¸¸À» Äõ¸®
            query = string.Format(query, (id.IsEmpty()) ? "" : "TOP 5"); 
            
            var lists = db.Query(query, data.ID);                    
                            
            if (lists.Count == 0)
            {
                <span>ÇØ´ç Ä«Å×°í¸®¿¡ ±ÛÀÌ ¾ø½À´Ï´Ù.</span>
            }
            else
            {
                <br />
        
                foreach(var list in lists)
                {
                    <li class="list">
                        <a href="/Article?ID=@list.ID">
                            @list.Subject
                        </a>
                    </li>   
                }
            }
            
            <br />
        }
    </ul>    
    <br/>
    <p class="form-actions">
    @{
        if(! id.IsEmpty()) 
        {
            <input type="button" value="Àüü ¸ñ·ÏÀ¸·Î" class="long-input" onclick="document.location.href='/Category'" />
        }
    }    
        <input type="button" value="ÀÛ¼ºÇϱâ" class="long-input" onclick="document.location.href='/CreateArticle'" />
    </p>
</fieldset>

@{
    Layout = "_layout.cshtml";
    Page.Title = "¾ÆƼŬ ÀÛ¼º";
    
    var db = Database.Open("MyBlog");
    var query = "SELECT * FROM Categories WHERE INUSE = 'Y' ORDER BY ID ASC";
    var categories = db.Query(query);
}

<div class="page-title">
    <h1>»õ ¾ÆƼŬ ÀÛ¼º</h1>
    <span> </span>
</div>

<fieldset>
    <form method="post" action="">
        <table width="100%">
            <tbody>
                <tr>
                    <td class="label">Ä«Å×°í¸® : </td>
                    <td class="content">
                        <select id="CategoryID" name="CategoryID">
                            @{
                                foreach(var category in categories)
                                {
                                    <option value="@category.ID">@category.Name</option>
                                }
                            }
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="label">Á¦¸ñ : </td>
                    <td class="content">
                        <input type="text" id="Subject" name="Subject"/>
                    </td>
                </tr>
                <tr>
                    <td class="label">³»¿ë : </td>
                    <td class="content">
                        <textarea id="Content" name="Content" rows="8"></textarea>
                    </td>
                </tr>
            </tbody>
        </table>
        <br/>
        <p class="form-actions">
            <input type="submit" value="ÀúÀåÇϱâ" class="long-input" />
            <input type="button" value="¸ñ·ÏÀ¸·Î" class="long-input" onclick="document.location.href='/Category'" />
        </p>
    </form> 
</fieldset>

@{
    Layout = "_layout.cshtml";
    Page.Title = "¾ÆƼŬ ÀÛ¼º";
    
    var db = Database.Open("MyBlog");
    var query = "SELECT * FROM Categories WHERE INUSE = 'Y' ORDER BY ID ASC";
    var categories = db.Query(query);    
        
    if (IsPost)
    {
        var categoryID = Request["CategoryID"];
        var subject = Request["Subject"];
        var content = Server.HtmlEncode(Request["Content"]);
        
        query = "INSERT INTO Articles (Subject, Content, CreateDate, CategoryID) VALUES (@0, @1, GETDATE(), @2)";
        db.Execute(query, subject, content, categoryID);
        var id = db.GetLastInsertId();

        Response.Redirect("/Article?ID=" + id);
    }
}

<!DOCTYPE html>

<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link href="Contents/BlogStyle.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="page">
			<div id="header" class="group">
				<h1 class="site-title">
					<a onclick="document.location.href='/Default'" style="cursor:hand">My Blog</a>
				</h1>
				<div id="settings">
					<span> </span>
				</div>
			</div>
			<div class="clear"></div>
			<div id="main">
				@RenderBody()
			</div>
			<div id="footer">
			</div>
		</div>
	</body>
</html>

Ä«Å×°í¸® ¸ñ·Ï È­¸é

@{
	Layout = "_layout.cshtml";
    Page.Title = "Ä«Å×°í¸® ¸ñ·Ï";

    var db = Database.Open("MyBlog");
    var query = "SELECT * FROM Categories WHERE INUSE = 'Y' ORDER BY ID ASC";
    var datas = db.Query(query);
}

<div class="page-title">
    <h1>Ä«Å×°í¸® ¸ñ·Ï</h1>
    <span> </span>
</div>

<fieldset>
    <ul>
        @foreach(var data in datas) 
        {
            <li class="password">
                <a href="/Category?ID=@data.ID">
                    @data.Name
                </a>
            </li>
        
            query = "SELECT TOP 5 * FROM Articles WHERE CategoryID = @0 AND INUSE = 'Y' ORDER BY CreateDate DESC";
            
            var lists = db.Query(query, data.ID);                    
                            
            if (lists.Count == 0)
            {
                <span>ÇØ´ç Ä«Å×°í¸®¿¡ ±ÛÀÌ ¾ø½À´Ï´Ù.</span>
            }
            else
            {
                <br />
        
                foreach(var list in lists)
                {
                    <li class="list">
                        <a href="/Article?ID=@list.ID">
                            @list.Subject
                        </a>
                    </li>   
                }
            }
            
            <br />
        }
    </ul>    
    <br/>
    <p class="form-actions">
        <input type="button" value="ÀÛ¼ºÇϱâ" class="long-input" onclick="document.location.href='/CreateArticle'" />
    </p>
</fieldset>

WebMatrix ¼³Ä¡ ¹× ½ÃÀÛ

• - ³» »çÀÌÆ® : ±âÁ¸¿¡ ¸¸µé¾î³õÀº »çÀÌÆ®¸¦ ¼±ÅÃÇÒ ¼ö ÀÖ´Â Ç׸ñÀÌ´Ù.
• - À¥ °¶·¯¸®¿¡¼­ »çÀÌÆ® ¸¸µé±â : ÀÌ¹Ì µî·ÏµÇ¾î ÀÖ´Â ¿©·¯ À¥ °¶·¯¸® Áß Çϳª¸¦ ¼±ÅÃÇÏ¿© À¥ »çÀÌÆ®¸¦ ¸¸µé ¼ö ÀÖ´Â Ç׸ñÀÌ´Ù. DotnetNuke, WordPress, BlogEngine.Netµî ÀÍÈ÷ ¾Ë·ÁÁ® ÀÖ´Â »çÀÌÆ®ÀÇ ¼Ò½ºµéÀ» »ç¿ëÇÏ¿© À¥ »çÀÌÆ®¸¦ »ý¼ºÇÒ ¼ö ÀÖ´Ù.
• - ÅÛÇø´¿¡¼­ »çÀÌÆ® ¸¸µé±â : ÀÌ¹Ì ¸¸µé¾îÁø ÅÛÇø´¿¡¼­ Çϳª¸¦ ¼±ÅÃÇÏ¿© À¥ »çÀÌÆ®¸¦ ¸¸µé ¼ö ÀÖ´Â Ç׸ñÀÌ´Ù.
• - Æú´õ¿¡¼­ »çÀÌÆ® ¸¸µé±â : ±âÁ¸ÀÇ Æú´õ¿¡¼­ À¥ »çÀÌÆ®¸¦ ¸¸µé ¼ö ÀÖ´Â Ç׸ñÀÌ´Ù.

µ¥ÀÌÅͺ£À̽º »ý¼º

• - ID : Ä«Å×°í¸® ID(Null Çã¿ë : False, ±âº»Å° : True, ±æÀÌ : 20, µ¥ÀÌÅÍ Çü½Ä : nvarchar)
• - Name : Ä«Å×°í¸®¸í(Null Çã¿ë : False, ±âº»Å° : False, ±æÀÌ : 100, µ¥ÀÌÅÍ Çü½Ä : nvarchar)
• - CreateDate : Ä«Å×°í¸® »ý¼ºÀÏ(Null Çã¿ë : False, ±âº»Å° : False, µ¥ÀÌÅÍ Çü½Ä : datetime)
• - InUse : »ç¿ë¿©ºÎ(Null Çã¿ë : True, ±âº»Å° : False, ±âº»°ª : Y, ±æÀÌ : 1, µ¥ÀÌÅÍ Çü½Ä : nchar)
• - SortOrder : Á¤·Ä¼ø¼­(Null Çã¿ë : False, ±âº»Å° : False, µ¥ÀÌÅÍ Çü½Ä : smallint)

• - ID : ¾ÆƼŬ ID(ID : True, Null Çã¿ë : False, ±âº»Å° : True, µ¥ÀÌÅÍ Çü½Ä : int)
• - Subject : ¾ÆƼŬ Á¦¸ñ(Null Çã¿ë : False, ±âº»Å° : False, ±æÀÌ : 100, µ¥ÀÌÅÍ Çü½Ä : nvarchar)
• - Content : ¾ÆƼŬ ³»¿ë(Null Çã¿ë : False, ±âº»Å° : False, ±æÀÌ : 4000, µ¥ÀÌÅÍ Çü½Ä : nvarchar)
• - CreateDate : ¾ÆƼŬ »ý¼ºÀÏ(Null Çã¿ë : False, ±âº»Å° : False, µ¥ÀÌÅÍ Çü½Ä : datetime)
• - InUse : »ç¿ë¿©ºÎ(Null Çã¿ë : True, ±âº»Å° : False, ±âº»°ª : Y, ±æÀÌ : 1, µ¥ÀÌÅÍ Çü½Ä : nchar)
• - CategoryID : Ä«Å×°í¸® ID(Null Çã¿ë : False, ±âº»Å° : False, ±æÀÌ : 20, µ¥ÀÌÅÍ Çü½Ä : nvarchar)

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">  
	Result by Calling CodeBehind Method : <%=GetContent()%>
</asp:Content>

public string GetContent() 
{  
	string content = "<script language='javascript'>;alert('Script Alert');</script>";  
	content += "<p>Microsoft ASP.NET is a free technology that allows programmers to create dynamic web applications.</p>";   
	return content;
}

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">  
	Result by Calling CodeBehind Method : <%=HttpUtility.HtmlEncode(GetContent())%>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">  
	Result by Calling CodeBehind Method : <%: GetContent()%>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">  
	Result by Calling CodeBehind Method : <%: new HtmlString(GetContent())%>
</asp:Content>

<script type="text/javascript">  
	function window.onload() {    
		var tblName = document.getElementById("<%=GridView1.ClientID%>");        
		
		// Do Something  
	}
</script>

<%@ Page MetaKeywords="asp.net, asp.net 4, new features" MetaDescription="asp.net 4 descritpion page" 
	Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" 
	CodeBehind="MetaTags.aspx.cs" Inherits="ASPNET4NewFeatureForArticle.Contents.MetaTags" %>

protected void Page_Load(object sender, EventArgs e)
{
    Page.MetaKeywords = "asp.net, asp.net 4, new features";
    Page.MetaDescription = "asp.net 4 descritpion page";
}

ÇÙ½É ¼­ºñ½ºµé
• Web.config ÆÄÀÏÀÇ °£¼ÒÈ­(Web.config File Minification)
• È®Àå °¡´ÉÇÑ Ãâ·Â ij½Ì(Extensible Output Caching)
• ÀÚµ¿À¸·Î ½ÃÀ۵Ǵ À¥ ÀÀ¿ë ÇÁ·Î±×·¥(Auto-Start Web Applications)
• ¿µ±¸ÀûÀ¸·Î ÆäÀÌÁö À̵¿Çϱâ(Permanently Redirecting a Page)
• ¹ÏÀ» ¼ö ¾øÀÌ ÁÙ¾îµç ¼¼¼Ç »óÅÂ(The Incredible Shrinking Session State)
• Çã¿ë °¡´ÉÇÑ URLÀÇ ¹üÀ§ È®ÀåÇϱâ(Expanding the Range of Allowable URLs)
• È®Àå °¡´ÉÇÑ ¿äû À¯È¿¼º °Ë»ç(Extensible Request Validation)
• Ãâ·Â ij½Ì°ú Ãâ·Â ij½Ì È®Àå(Object Caching and Object Caching Extensibility)
• È®Àå °¡´ÉÇÑ HTML, URL, ±×¸®°í HTTP Çì´õ ÀÎÄÚµù(Extensible HTML, URL, and HTTP Header Encoding)
• ´ÜÀÏ ÀÛ¾÷ÀÚ ÇÁ·Î¼¼½º¿¡ Á¸ÀçÇÏ´Â °³º° ÀÀ¿ë ÇÁ·Î±×·¥À» À§ÇÑ ¼º´É ¸ð´ÏÅ͸µ(Performance Monitoring for Individual Applications in a Single Worker Process)
• ¸ÖƼ Ÿ°ÙÆÃ(Multi-Targeting)

Microsoft Ajax ¶óÀ̺귯¸®¿¡¼­ÀÇ »õ·Î¿î ±â´Éµé
• ÇʼöÀûÀÎ ¹®¹ý(Imperative Syntax)
• ½ºÅ©¸³Æ® ·Î´õ(Script Loader)
• Ŭ¶óÀ̾ðÆ® µ¥ÀÌÅÍ Á¢±Ù(Client Data Access)
• Ŭ¶óÀ̾ðÆ®ÀÇ DataContext Ŭ·¡½º¿Í AdoNetDataContext Ŭ·¡½º(Client DataContext and AdoNetDataContext Classes)
• jQueryÀÇ ÅëÇÕ(jQuery Integration)

À¥ Æû
• Page.MetaKeywords¿Í Page.MetaDescription ¼Ó¼ºÀ» »ç¿ëÇÏ¿© ¸ÞŸ ÅÂ±× ¼³Á¤Çϱâ(Setting Meta Tags with the Page.MetaKeywords and Page.MetaDescription Properties)
• °³º° ÄÁÆ®·Ñ¿¡ ´ëÇÑ ºä »óÅ Ȱ¼ºÈ­Çϱâ(Enabling View State for Individual Controls)
• ºê¶ó¿ìÀú ¼º´ÉÀ» º¯°æÇϱâ(Changes to Browser Capabilities)
• ASP.NET 4¿¡¼­ÀÇ ¶ó¿ìÆÃ(Routing in ASP.NET 4)
• Ŭ¶óÀ̾ðÆ® ID ¼³Á¤Çϱâ(Setting Client IDs)
• µ¥ÀÌÅÍ ÄÁÆ®·Ñ¿¡ ÀÖ´Â Çà ¼±ÅÃÀ» À¯ÁöÇϱâ(Persisting Row Selection in Data Controls)
• ASP.NET Â÷Æ® ÄÁÆ®·Ñ(ASP.NET Chart Control)
• QueryExtender ÄÁÆ®·ÑÀ» »ç¿ëÇÏ¿© µ¥ÀÌÅÍ ÇÊÅ͸µÇϱâ(Filtering Data with the QueryExtender Control)
• Html ÀÎÄÚµå ÄÚµå Ç¥Çö½Ä(Html Encoded Code Expressions)
• ÇÁ·ÎÁ§Æ® ÅÛÇø´ÀÇ º¯È­(Project Template Changes)
• CSS Çâ»ó(CSS Improvements)
• ¼û±è Çʵå ÁÖÀ§ÀÇ div ¿ä¼Òµé ¼û±â±â(Hiding div Elements Around Hidden Fields.)
• ÅÛÇø´È­µÈ ÄÁÆ®·ÑÀ» À§ÇÑ ¿ÜºÎ Å×ÀÌºí ·»´õ¸µÇϱâ(Rendering an Outer Table for Templated Controls)
• ListView ÄÁÆ®·ÑÀÇ Çâ»ó(ListView Control Enhancements)
• CheckBoxList ÄÁÆ®·Ñ°ú RadioButtonList ÄÁÆ®·ÑÀÇ Çâ»ó(CheckBoxList and RadioButtonList Control Enhancements)
• Menu ÄÁÆ®·ÑÀÇ Çâ»ó(Menu Control Improvements)
• Wizard ÄÁÆ®·Ñ°ú CreateUserWizard ÄÁÆ®·Ñ(Wizard and CreateUserWizard Controls)