Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- DOM
- CSS
- 코딩문제
- CLASS
- Coda
- 코드일기
- 가상클래스
- vscode
- 친해지기
- frontend
- property
- column-gap
- 코딩퀴즈
- Pseudo
- display
- regexp
- tailwindcss
- row-gap
- scss
- 코딩테스트
- 정규식표현
- Grid
- sass
- 코드다이어리
- js
- 선택자
- JavaScript
- HTML
- 코딩일기
Archives
- Today
- Total
목록단축키 (1)
< Code diaries />
[ HTML ] Emmet 문법 정리
궁모닝 에브리원~!! ^^ 오늘은 HTML을 마크업할때 VS code에서 사용하는Emmet 문법을 정리해 볼게요 Emmet HTML 마크업을 조금 손쉽게 해줄 수있는 기능이며 알게모르게 우리가 쓰고있는 것도 있어요.방법 몇가지를 소개 해 봅니다. 맨 하단에 Emmet 단축키를 정리해놓은 사이트를 링크 걸어 두었어요~! 1. VS Code에서 설정하기Emmet 기능이 적용되지 않는다면, 아래의 화면에서 확인한다. - cmd + shift + p 눌러서 emmet을 검색한다.- 첫번째 나오는 Emmet:Balance(inward)을 선택한다.- 사용시 주의할 점은 띄어쓰기를 하지 않는다.- 단축키를 띄어쓰기없이 입력후 Tab키를 눌러 실행한다. 2. 다양한 사용방법을 알아보자. css 선택자..
Html
2024. 7. 26. 06:55