![react](https://tistory1.daumcdn.net/tistory/4365896/skin/images/react-logo.png)
목록📖 마크업 (1)
즐겁게, 코드
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/WnJ0s/btqVSvrNkwI/ekVJgfuKFNvpfl9t9k9011/img.png)
웹 개발자라면 수도 없이 보았을 HTML 기본 구조입니다. 자, 지금부터 간단한 마술을 하나 보여드리겠습니다. 비주얼 스튜디오 코드나 다른 코드 에디터에서 index.html 파일을 만들고 ! 를 입력해보세요. 와! 느낌표 하나를 찍었더니 기본 HTML 템플릿이 생성된 모습입니다. 이건 에디터에 내장된 에밋(emmet)이라는 플러그인의 도움을 받은 결과인데요, 오늘은 에밋 문법을 소개해보도록 하겠습니다. 요소 생성하기 , 등 HTML 요소를 생성하는 방법은 정말 간단한데요, 태그명을 영어로 입력하면 무려 알아서 태그를 생성해줍니다. span.content Tip 1. [div 태그는 예외적으로 태그명을 생략할 수 있습니다.] .content Tip 2. [태그 안에 작성할 내용은 {} 기호로 감싸면 됩니..
🎨 프론트엔드
2021. 2. 6. 15:10
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆