반응형
오늘 코드잇 강의를 듣다가 (나에게는) 대단한 꿀팁 하나를 알게되어 블로그에도 공유하려고 한다. html 파일의 구조를 보면 <html>,<head>, <title>, <body> 등의 태그를 순서대로 쓰는데, 이런 필수 코드들을 한 번에 자동으로 입력할 수 있는 방법이다.
html 필수 코드 한 번에 입력하기
먼저 vs code를 실행하고 새로운 html 파일을 만든다.
그 다음 느낌표(!)를 쓰면 아래에 자동 완성 창이 뜬다.
그 상태에서 그대로 엔터(enter) 키를 누른다. 그러면 오오오오오!!! 자동으로 코드들이 입력된다.
다시 한 번 검토해서 본인의 사이트 상황에 맞게 바꾸어 주어야 하는 부분도 있지만, 필수 코드들을 한 번에 입력할 수 있다니 나같은 코린이들에게는 정말 반가운 꿀팁이다.
그리고 깨알 자랑!
강의를 열심히 들어서 오늘 드디어 코드잇 53 레벨이 되었다. 그리고 51주째 출석 중... 다음 주까지만 출석을 하면 내가 갖고 싶어하던 52주 연속 출석 뱃지를 받을 수 있다. (오호호호... 뱃지 받으면 또 자랑해야지)
쉽고 재밌는 온라인 코딩강의, 코드잇 짱짱맨이다! ㅋㅋㅋ
반응형
'퍼블리싱 & 프론트엔드 > html & CSS' 카테고리의 다른 글
| 정보와 의미를 담고 있는 html 태그들(meta, link, title, 시맨틱 태그) (0) | 2023.05.03 |
|---|---|
| 다른 코드 불러올 때 사용하는 <link>, <script> 태그 (0) | 2023.05.02 |
| 코드잇 학습일기 Day17. 폼 태그 속성, 인풋 태그 종류와 속성 (0) | 2023.04.25 |
| 코드잇 학습일기 Day.16 폼(Form) - 인풋(Input), 라벨(Label), 버튼(Button) (0) | 2023.04.24 |
| 코드잇 학습일기 Day15. 아이프레임(iframe) (0) | 2023.04.22 |
댓글