Visual Studio 2022에서 젠코딩(ZenCoding, 에밋) 사용하기

• 7/22/2023
• 2 minutes to read

Zen Coding A to Z: HTML 태그 빨리 작성하기

소개

Zen Coding은 HTML 태그를 생성하기 위한 효과적인 방법입니다. Visual Studio 2022 또는 Visual Studio Code를 사용하면, HTML 영역에서 Zen Coding을 사용할 수 있습니다. 이 방법은 HTML 문서를 빠르게 작성할 수 있도록 도와줍니다.

실습하기

다음은 Zen Coding을 사용하여 작성할 수 있는 HTML 코드 조각들입니다.

• div
• div.container
• div#mainContent
• div>h1
• div.container>div.row
• div.container>div.row>div
• div.container>div.row>div*3
• div.container>div.row>div#item$*3
• div.container>div.row>div#item$$*3
• div.container>div.row>div#item$$.col-md-4*3
• div.container>div.row>div#item$$.col-md-4*3>h2+p
• div.container>div.row>div#item$$.col-md-4*3>h2{안녕하세요.}+p{반갑습니다.}
• div.container>div.row>div#item$$.col-md-4*3>h2{안녕하세요. $$}+p{반갑습니다. $}
• lorem
• lorem5
• div>p*3>lorem
• div.container>div.row>div#item$$.col-md-4*3>h2{Caption $$}+p>lorem
• div[title]
• input[type="text" placeholder="입력영역"]
• div>h2+p^h3
• footer>div>h2+p^^h3
• div>(header>p)+section>(ul>li*3)+footer>(h4>span)

이들 코드는 HTML 문서를 빠르고 효율적으로 작성할 수 있게 도와줍니다. 여러분의 작업 효율을 향상시키는 데 도움이 되길 바랍니다!