클라우드 구름 IDE 서비스를 이용해 용량 0MB로 개인 웹 사이트 만들기 4강: MDBootstrap 디자인 프레임워크 설치하기

클라우드 구름 IDE 서비스를 이용해 용량 0MB로 개인 웹 사이트 만들기 4강: MDBootstrap 디자인 프레임워크 설치하기

나동빈

  이번 시간에는 완전히 구축된 nginx 웹 서버에 MDBoostrap 웹 디자인 프레임워크를 설치하는 시간을 가져보도록 하겠습니다. 부트스트랩(Bootstrap)은 잘 알려진 CSS 디자인 프레임워크로 양질의 디자인을 매우 빠르게 구성하고자 할 때 많이 사용됩니다. MDBootstrap은 Material Design 트렌드를 잘 따르는 버전으로 Bootstrap 프레임워크의 최신 버전입니다.

  MDBootstrap 깃 허브 주소: https://github.com/mdbootstrap/bootstrap-material-design

  일단 깃 허브에 있는 소스코드를 불러오기 위해서는 우리의 메인 프로젝트 경로로 이동해야 합니다.

  cd /workspace/Tutorial: 메인 프로젝트 경로로 이동합니다.

  git clone https://github.com/mdbootstrap/bootstrap-material-design.git: MDBoostrap 프레임워크를 클론(Clone)합니다.

  이후에 폴더 이름을 소개 페이지라고 해서 introduce라고 바꾸어줍시다.

  mv bootstrap-material-design introduce: 다운로드 받은 디자인 프레임워크 폴더를 introduce라는 이름으로 변경합니다.

  rm bootstrap-material-design -rf: 기존에 존재하는 프레임워크 폴더를 제거합니다. (폴더가 남아 있는 경우)

  이후에 nginx를 재구동 해줍니다.

  이제 MDBootstrap 웹 디자인 프레임워크가 성공적으로 구축되었습니다.

  introduce라는 이름으로 웹 디자인 프레임워크 폴더를 만들어주었으므로 /introduce/index.html 경로로 접속해서 기본적으로 구성된 웹 페이지를 확인할 수 있습니다.