Written on
·
191
0
div.card.card-body.slogan-card를 제가 좀 이해가 되지 않네요 ㅠ
어떻게 해석을 해야 할까요?
그리고
h1.mb-3.mb-3은 어떤 기능인지..
mb-3가
margin-bottom : 1rem
1rem == 16px로 알고 있는데 맞나요?
Answer 1
0
안녕하세요.
답변이 좀 늦었습니다.
강의 중에 div.card.card-body.slogan-card이라고 타이핑하고 탭키를 누르게 되면
<div class="card card-body slogan-card"></div>라고 자동 완성이 됩니다.
비주얼 스튜디오 코드에디터에서는 기본적으로 자체내장되어 있는 익스텐션(확장) 기능인데
이 익스텐션 플러그인을 emmet이라고 합니다.
다른 코드에디터(예를 들어 sublime text2라든지 atom 에디터)는 이 기능을 별도로 설치하셔야 해요.
동영상 초반에 코드 에디터 설명하면서 아주 간단히 설명하긴 했는데,
좀 부족했던가 봅니다.
유튜브에서 코드에디터, emmet 등의 키워드로 검색해보시면 이 기능들을 자세히 볼 수 있습니다.
다음,
h1.mb-3.mb-3 부분은... 이것도 역시 emmet을 이용해서 타이핑한 것 같은데...
제가 혹시 강의 도중 이렇게 타이핑했었나요??
아마 mt-3이나 ms-3 또는 me-3을 잘못 입력한 게 아닌가 싶네요.
(어떤 동영상 강의 편인지 알려 주시면 전체 공지하겠습니다.)
mb-3, mt-3, ms-3, me-3 등 대쉬(-) 다음 3은 부트스트랩에서 디폴트 단위로 1rem인데,
별도로 1rem을 지정하지 않았다면 기본적으로 16px이 맞습니다.
문의주셔서 감사드리고,
또 혹시 이해가 되지 않는 부분이 있으면 문의주세요.