이미지 가운데 정렬

  • 이미지도 inline 요소이기 때문에 text-align: center를 통해 가운데 정렬을 합니다.

plugin 사용하기

  • vscode 좌측 active bar에 있는 Extenstions에서 각종 plugin을 사용합니다.
    • extenstions
  • Auto Rename Tag
    • 페어링 태그의 이름을 자동으로 바꿔줍니다.
  • htmltagwrap
    • option + w 를 이용하여 선택한 내용을 HTML(p) 태그로 래핑 합니다.
  • HTML CSS Support
    • 작업 영역에 있는 정의 또는 링크 요소를 통해 참조되는 외부 파일을 기반으로 HTML 클래스 특성에 대해 CSS 클래스 이름 완성을 제공 합니다.
  • vscode-icons
  • CSS Peek
    • commande + click으로 해당 css가 정의된 곳으로 이동합니다.
  • indent-rainbow
    • indent를 보기 쉽게 여러개의 색으로 표현해 줍니다.