[카카오톡 클론코딩] # 2.3 More Tags and Prettier

Gata·2023년 6월 22일
0

1. list tag

html에서 list tag는 두 가지 종류가 있다.

1) unordered list : 순서가 없는 목록

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>

2) ordered list : 순서가 있는 목록

<ol> <!--ordered list-->
    <li>맥주
    <li>김치</li>
    <li>고기</li>
    <li>우유</li><li>커피</li><li>노트북</li>
</ol>

2. 니꼴라스 추천 확장 프로그램

prettier이라는 vscode 확장 프로그램을 설치하면 코드에서 어글리하게 작성된 부분이나 잘못된 부분을 파일을 저장할 때 자동으로 고쳐준다.


prettier 확장 프로그램 설치 후 ctrl+, 눌러서 설정열어준 다음 editor:format on save 검색해서 체크박스에 표시해준다.

profile
개발은 즐거워🪇

0개의 댓글

관련 채용 정보