사소한 디자인

p 테그

긴 문장 쓰기에는 들여쓰기가 들어가지 않습니다.

들여쓰기를 위해서 특수문자를 사용합니다.

들여쓰기를 위해서 스타일을 사용합니다.
다음문장에서는 적용되지 않습니다.

<p>긴 문장 쓰기에는 들여쓰기가 들어가지 않습니다.</p>
<p>&nbsp;들여쓰기를 위해서 특수문자를 사용합니다.</p>
<p style="text-indent: 1em;">들여쓰기를 위해서 스타일을 사용합니다. <br>
다음문장에서는 적용되지 않습니다.
</p>

위 예제를 살펴보면, 들여쓰기가 부자연스럽거나, 들여쓰기를 위해 특수기호를 사용해야합니다. 코드가 지저분하고 관리가 어렵습니다. 새로운 문단은 아래와 같이 p테그 후 줄바꿈하면 자연스럽게 해결됩니다.

긴 문장 쓰기에는 들여쓰기를 사용합니다.

들여쓰기를 위해서 특수문자를 사용하지 않습니다.

들여쓰기를 위해서 스타일을 사용하지 않습니다.

다음문장은 새로운 문단을 사용합니다.

<p>
  긴 문장 쓰기에는 들여쓰기를 사용합니다.
</p>
<p>
  들여쓰기를 위해서 특수문자를 사용하지 않습니다.
</p>
<p>
  들여쓰기를 위해서 스타일을 사용하지 않습니다.
</p>
<p>
  다음문장은 새로운 문단을 사용합니다.
</p>

VS Code설정

짜증나는 .(Dot) 에밋

문장을 작성하고 마침표. + 엔터enter를 누르는 순간 <div>테그가 열립니다. 재빨리 실행취소(ctrl + z)를 누르고 다시 ., 방향키를 누릅니다. 참 귀찮습니다. 그리고 정확히 5분후에 똑같은 짓을 반복합니다.

기본 에밋은 수정할 수도 없고, 그렇다고 에밋을 기능을 끄자니 아쉽습니다. 그냥 사용하자니, 화가납니다. 이 때는 . 에밋을 또 정의 하면 됩니다.

에밋 커스터마이즈는 이 문서를 참조하십시오.

"dot":{
"prefix": ".",
"body": [
"."
],
"description":"dot is dot"
}

Code 깊이(depth)를 5개밖에 지원하지 않는 Sticker

<body>
  <article>
    <table>
      <tbody>
        <tr>
          <td>
            <ol>
              <li>항목 1</li>
            </ol>
          </td>
        </tr>
      </tbody>
    </table>
  </article>
</body>

html코드는 권장되는 구조로 인해 기본적으로 높은 depth를 갖습니다. setting에서 "Max Line Count"를 15정도 지정하면 필요한 경우 더 많이 보여줍니다.

Editor › Sticky Scroll: Max Line Count