[오브젝트 스토리지 활용] BootStrap을 활용한 포트폴리오 만들기

| 2020년 8월 18일 | 0 Comments

부트스트랩(Bootstrap)이란 무엇인가?


 

Bootstrap은 반응형이며 모바일 우선인 웹프로젝트 개발을 위한 가장 인기있는 HTML, CSS, JS 프레임워크입니다.   부스트랩에서 제공하는 무료 Temes를 다운받아 사용하면

복잡한 웹서버 세팅없이 간단하게 웹사이트를 만들수 있습니다. 

 

 

 

포트폴리오 홈페이지 만들기 


최근 추세를 보면 SNS 혹은 개인 블로그 , 개인홈페이지등을 본인의 포트폴리오 홈페이지로 사용하는 경우가 많습니다.  

Bootstrap을 활용하여 iwinv object storage에 포트폴리오 홈페이지 소스를 업로드하면  간편하게 URL로 접속가능한 본인만의 포트폴리오 사이트를 만들 수 있습니다. 

자세한 방법은 아래와 같습니다. 

 

 

1. Themes 다운로드 

Bootstrap 공식홈페이지에서 제공하는 portfolio Themes중 마음에 드는것을 선택하여 소스를 다운로드 합니다. (Free Download 클릭)

다운로드:  https://startbootstrap.com/themes/portfolio-resume/

 

 

 

 

2.  소스 압축해제 

다운받은 소스를 압축해제 하여 디렉토리 및 index.html 파일을 확인합니다.   

 

 

 index.html 파일안에 js, css 등의 경로가 /js /css로 설정되어있는지 확인 후 경로가 다를경우 변경해줍니다.  

 

 

 

3.  버킷 생성하기

아래와 같이 포트폴리오 홈페이지 소스를 저장할 버킷을 생성합니다.  [  접근 정책에서 전체공개를 선택해야  홈페이지  접속이 가능합니다. ]

 

 

4.  폴더생성 및 소스 업로드

해당 버킷에 다운받은 소스와 동일하게 디렉토리를 생성하고 소스를 업로드합니다.  

 

 

5. 링크 확인하기 

iwinv Object Storage 콘솔에서  index.html의 링크주소를 확인합니다. 

아래그림의 노란색 네모칸 부분을 우클릭 후 상세정보를 클릭합니다.  

 

오른쪽에 복사를 클릭하여  해당 링크를 복사합니다. 

 

 

 

6.  포트폴리오 홈페이지 접속하기 

위에서 복사한 링크로 접속시  아래와같이 포트폴리오 홈페이지가 나타납니다.  

 만약, 보유하고 있는 도메인이 있다면,  [오브젝트 스토리지 활용] 정적 웹사이트(웹호스팅) 서버구축   해당 메뉴얼을 통해 개인 도메인 주소로 버킷에 저장한 포트폴리오 홈페이지에 접속할 수 있습니다.  

 

[ 오브젝트 스토리지 링크로 접속]

 

[ 개인 도메인으로 접속 ] 

 

 

 

Category: 가상화/클라우드, 솔루션/IT기타

Avatar

About the Author ()