도파민 분비에 이용 당할 뿐인 블로그
close
프로필 배경
프로필 로고

도파민 분비에 이용 당할 뿐인 블로그

  • 분류 전체보기 (27)
    • 프론트엔드 (4)
      • HTML CSS (2)
      • JavaScript (1)
      • React (0)
      • TypeScript (1)
    • 코딩테스트 (6)
    • 프로젝트 (2)
    • 대외활동 (8)
      • K-디지털 트레이닝 해커톤 (2)
      • [KT AIVLE School] 프리온보딩 프론트.. (6)
    • 갓생 살기 (4)
      • 독서 (0)
      • 영어공부 (4)
    • 취업 (3)
      • 후기 (2)
      • 면접 대비 (1)
  • 홈
  • 태그
  • 방명록
[VS Code] Html에 Emmet 단축키 사용해보기

[VS Code] Html에 Emmet 단축키 사용해보기

Html 작업 속도를 향상하기 위해 Emmet 단축키를 사용해 보았다. 사용하면서 유용하다 느꼈던 몇 가지를 정리해보도록 하겠다. Emmet 단축키 1.! vs code의 빈 페이지에서 ! + enter 입력 시, Html 상용구 자동생성 2. Wrap with Abbreviation ✨사용 전에 Vs Code에서 Wrap with Abbreviation 단축키를 먼저 설정해 주자. 톱니바퀴 아이콘 클릭 바로 가기 키(ctrl + k ctrl + s) 선택 Emmet:Wrap With Abbreviation 검색 + 기호 클릭 후 원하는 키 조합 입력 2.1 Wrap with Abbreviation (약어로 감싸기) 약어를 가져와서 확장한 후 생성된 스니펫의 마지막 요소에 현재 선택한 콘텐츠를 배치해 줌..

  • format_list_bulleted 프론트엔드/HTML CSS
  • · 2023. 11. 15.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
  • 게시글에 쓰인 햄스터 짤들의 출처🐹
전체 카테고리
  • 분류 전체보기 (27)
    • 프론트엔드 (4)
      • HTML CSS (2)
      • JavaScript (1)
      • React (0)
      • TypeScript (1)
    • 코딩테스트 (6)
    • 프로젝트 (2)
    • 대외활동 (8)
      • K-디지털 트레이닝 해커톤 (2)
      • [KT AIVLE School] 프리온보딩 프론트.. (6)
    • 갓생 살기 (4)
      • 독서 (0)
      • 영어공부 (4)
    • 취업 (3)
      • 후기 (2)
      • 면접 대비 (1)
최근 글
인기 글
최근 댓글
태그
  • #백준
  • #영어
  • #해커톤 대회
  • #파이썬 백준 2798
  • #제4회 kdt 해커톤
  • #디지털 해커톤
  • #백준 파이썬
  • #REACT
  • #영어공부
  • #백준 1417
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바