Visual Studio Code 단축코드, 라벨작성, 변수명 네이밍 방법

비주얼스튜디오 단축키(tab이나 enter)

요소복사
ul>li{menu$}*3 
 #붙이면 ID 입력
$위치에 값이 1부터 1씩 증가

그룹핑
div>div>h1+ul
div>(div>h1+ul)+h2

id,calss
div#idname : id값이 idname인 div 태그
div.classname : class값이 classname인 div 태그

p{내용}

커스텀속성
a[href="http:naver.com"]

label태그
양식 입력창의 요소들을 위한 캡션을 명시

1. 명시적 작성방법
label의 for속성과 input의 id속성을 명시함으로써 연결해주는 방식
ex>
<label for="userName"> 이름 </label>
<input type="text" name="userName" id="userName">

input name은 서버에 전송되는 이름
input id는 css나 java로 부를때

2. 암시적 작성방법
label태그안에 input태그를 넣음으로써 for속성을 명시하지 않더라도 암묵적으로 연결하는 방식
ex>
<label>
이름
<input type="text" name="userName" id="userName">
</label>

변수의 이름이나 네이밍 방법
my first variable

1)카멜표기법 -소문자 시작 다음단어시 대문자
myFirstVariable
2)파스칼표기법 - 전부 대문자
MyFirstValriable
3)팟홀표기법 - _을 사용
my_first_variable