[C#] HTML 코드 깔끔하게 작성하기(newline, tab)

 

카테고리를 ASP.NET을 할지, C#을 할지 고민을 많이 했지만.

Behind Code(Server Side)에서 C#으로 작성하는 것이므로 C# 카테고리로 설정하였으니 참고 바란다.

 

Behind Code에서 가끔 HTML 코드를 작성할 경우가 생긴다.

그때마다 작성했던 방법은 @(At Sign)을 사용했다. @은 여러 라인을 제약 없이 사용할 수 있기 때문에 여러 라인으로 구성되어 있는 HTML 코드 작성 시 편리하다.

 

하지만 @을 사용하지 않고서 더 깔끔하게 작성할 수 있는 방법이 있다.

아래 예제를 보면서 설명하겠다.

// @ 사용o
var rst = @"
<div class='{className}'>
    <h2>{title}</h2>
    {content}
</div>";
 
// @ 사용x
var rst = string.Empty;
rst += $"\r\n<div class='{className}'>";
rst += $"\r\n\t<h2>{title}</h2>";
rst += $"\r\n\t{content}";
rst += $"\r\n</div>";

첫 번째는 @을 사용한 것이고, 두번째는 @을 사용하지 않았다.

 

지금 이렇게 보니 첫번째 코드가 더 깔끔해 보이는 거 같지만,

직접 HTML 코드를 작성해보면 두 번째 방법이 작성하기도 편하고 개발자(나 혹은 다른 개발자)가 눈으로 보기에도 쉽고 편하다는 것을 느낄 수 있을 것이다.

 

@을 사용하지 않았을 때, newline / tab 사용방법에 아래 설명해본다.

 

• newline : \r\n 을 사용하거나, C#에서 제공해주는 Environment.NewLine을 사용. (\r\n이 짧기에 이것을 추천)
• tab : \t을 사용, tab은 들여 쓰기 용도

StringBuilder 클래스에 있는 AppendLine 메서드를 사용하면 newline은 더 자연스럽게 해결할 수 있다.

 

사실 이러한 방법이 나만 좋게 생각할 수 있다.

그렇기 때문에 Behind Code에서 HTML 코드 작성 시, 본인이 편리한 방법을 활용하는 것이 가장 좋을 것이다.

하지만 개발은 나 혼자 하는 것이 아니니, 많은 사람들이 사용하는 방법이 더 유지보수에 효율적이지 않나 싶다.