한번에 끝내는 프론트엔드 개발 초격차 패키지 Part 1 ch2-ch4

Banggu !·2021년 12월 20일
0

CH2

02 파일생성과 삭제

  • 파일은 되도록이면 소문자로 생성하길 바람
  • 비어있는 파일에 !를 작성하고 탭, 엔터를 치면 해당 파일의 확장자의 기본 구조가 자동생성됨

05 태그이름을 한번에 변경 (Auto Rename Tag)

  • 확장기능 설치 : auto rename tag 설치하면 태그들 앞뒤동시에 변경

CH3

01. Doctype

DOCTYPE(DTD,Document Type Definition)

  • <--!DOCTYPE html> => html5
  • <--!DOCTYPE html PUBLIC > => html5이 아닌 다른 버전

02. HTML, HEAD, BODY

  • html: 문서의 전체 범위
  • head: 문서의 정보를 나타내는 범위, 보이지 않는 정보를 작성하는 범위
  • body : 문서의 구조를 나타내는 범위, 웹페이지의 보여지는 구조를 작성하는 범위

웹사이트 대표 아이콘을 favicon이라고 부른다.
META 태그는 title, script, link, style로 나타낼 수 없는 나머지 여러정보를 타나내는 태그

CH4

02 브라우저 스타일 초기화

브라우저마다 제공하는 기본적인 스타일을 제공함 EX. 여백
크로스 브라우징을 해결하기 위해서 CSS RESET 필요
벤더사들에서 브라우저를 제공할 때 조금씩 다른 결과가 나올수잇음

RESET.CSS CDN 을 원격주소를 LINK 태그로 추가하기

emmet 이라는 툴킷을 통해서 div 태그들이 자동완성됨
emmet 에밋 문법 잘 사용하면 효율적일듯

profile
야금야금먹어서 돼지!

0개의 댓글