목록html emmet (1)

지지나

Brackets - Emmet 설치 및 사용법

HTML/CSS가 어느 정도 익숙해지고 Emmet을 설치해서 사용하기 시작했습니다. 개인적으로 Emmet을 처음부터 설치해서 쓰기보다는 구조에 적응이 되고 숙지를 한 이후에 설치하는 것이 좋다고 생각합니다. 브라켓을 열고 오른쪽에 확장 기능 관리자를 열어 줍니다. '설치 가능' 메뉴에서 Emmet을 검색해 설치해줍니다. (Reverse Emmet 아닙니다) '설치됨' 메뉴에서 확인할 수 있고, 상단의 메뉴바에 Emmet이 도움말 옆에 생성된 것도 확인할 수 있습니다. 그 동안은 HTML문서 구조를 일일히 적었는데, 이제 아래 두 가지 방법으로 구조를 마법처럼 만들수 있게 되었습니다. ① ! + tab키 ② html:5 + tab키 ※Emmet은 확장자가 html로 선언된 파일에서만 작동합니다. 그리고 아..
기획자의 프로그래밍 걸음마/HTML, CSS 2020. 9. 3. 20:26
Prev 1 Next