728x90
오늘은 Emmet 기능을 활용해 볼 예정이다!
나중에 시간이 된다면 Emmet 기능을 자세히 다뤄볼 예정이다!
Emmet 기능 활용해보기
위의 사진과 같이 반복되는 내용을 자동완성으로 한 번에 처리할 수 있다!
(section>h1{제목$}+p{내용$})*2
이렇게 하면 된다!
section 태그를 2번 반복할 것이니 괄호로 감싸줘서 *2를 하고
section 태그의 자식 태그로는 h1 태그와 p 태그를 넣어줄 것이니 h1+p(둘은 형제 관계. 형제 관계는 +)로 표현하고
h1 태그의 content로는 "제목n"를 넣어줄 것이니 {제목$}로 표현한다.($은 늘어나는 숫자를 표현)
p 태그도 마찬가지로 {내용$}로 표현.