03 MDBootstrap으로 레이아웃 만들기
6강: 메인 콘텐츠 만들기
지난 시간에는 MDBoostrap을 이용해 내비게이션 영역을 디자인 해보는 시간을 가졌습니다. 이번 시간에는 MDBoostrap으로 메인 콘텐츠를 디자인 해보는 시간을 가져보도록 하겠습니다. 따라서 바로 <main>
태그 영역에 이어서 작성해보겠습니다.
실행 언어: php
현재 우리는 간단히 디자인만 해보는 것이며 각자 내용을 채우면 되는 거니까 위와 같이 의미 없는 단어들을 채워보았습니다. 의미 없는 단어를 넣고자 할 때는 로렘 입숨을 이용하시면 됩니다. 구글에 'Lorem Ipsum'을 검색 해보시면 다양한 덤프(Dump) 문자열을 확인할 수 있습니다.
이어서 카드 디자인 요소를 이용해 <main>
태그 내에 몇 개의 사진과 함께 디자인을 더 넣어보도록 하겠습니다.
실행 언어: php
그러면 위와 같이 <main>
태그가 잘 꾸며진 것을 확인할 수 있습니다. 다음 시간이 마지막 시간이에요.