비주얼 스튜디오 코드 -> 다운로드
Material icon 테마
Auto Rename..
Html to CSS
CSS Peek
Autoprefixer
Bracket Pair Color DLW
indent-rainbow
Live Server: 작성한 코드를 실시간으로 반영해서 보여준다.
크롬브라우저 기준.
html -> HyperText Markup Language 화면에 요소를 그리는 용도
css -> Cascading Style Sheets 화면 요소를 꾸미는 용도
javascript -> 개발언어.
html+css+js
html 화면 구성 토대 -> css로 꾸미기 -> js(화면에서의 동작, action 조정)
jQuery <- javascripnt Library js 좀더 편하게 쓰기.
%nbsp
블록요소, 인라인요소.
크롬브라우저 : 개발자도구 F12
< hn >태그.
웹문서 자체를 파악하는 용도로 쓴다. 웹페이지 자체를 분석할 경우에 제목, 소제목 등 파악하기에 편하다.
세팅: word wrap -> on 자동줄바꿈
Ctrl + K,F : 들여쓰기 자동정렬
< br>태그 대신에 < p>태그로 감싸서 블록요소로 만들어 엔터 효과를 줄 수 있다.
radio 태크 name 속성으로 같이 묶이게 한다. 하나만 선택이 되도록
< form> 내부에서 버튼이 하나만 있으면 명시하지 않아도 submit 역할을 하게 된다.