html에서 list tag는 두 가지 종류가 있다.
unordered list 태그를 열고 -> list item 태그를 열고 -> 목록을 채우고 -> list item 태그를 닫고 -> unordered list 태그를 닫는다.
맥주, 김치, 고기, 우유는 list item 태그의 contents다.
<ul> <!--unordered list-->
<li>맥주</li> <!--list item-->
<li>김치</li>
<li>고기</li>
<li>우유</li>
</ul>
<ol> <!--ordered list-->
<li>맥주
<li>김치</li>
<li>고기</li>
<li>우유</li><li>커피</li><li>노트북</li>
</ol>
prettier
이라는 vscode 확장 프로그램을 설치하면 코드에서 어글리하게 작성된 부분이나 잘못된 부분을 파일을 저장할 때 자동으로 고쳐준다.
prettier 확장 프로그램 설치 후 ctrl+,
눌러서 설정
열어준 다음 editor:format on save
검색해서 체크박스에 표시해준다.