Object Storage를 활용하여 정적 웹페이지 만들기
자기소개 페이지도 네이버 클라우드 플랫폼에서 직접 퍼블리싱 해보세요!
올 봄 네이버 클라우드 플랫폼에서 Object Storage라는 스토리지 상품이 새롭게 출시되었는데요. 용량 변화에 유연하게 대응해 사용자가 원하는 규모로 운영할 수 있고, 웹 기반 콘솔 및 다양한 방식으로 손쉽게 사용 가능하며 Amazon S3와도 호환되어 매우 편리하게 데이터를 저장하고 백업할 수 있는 아주 기특한 상품이랍니다.
Object Storage를 활용하면 인터넷상에 나만의 자기소개 포트폴리오를 발행할 수가 있습니다. 요즘은 자기소개서의 형식이 정말 다양해졌습니다. SNS나 개인 홈페이지 등 개성이 드러나는 인터넷 사이트 자체가 포트폴리오가 되기도 하죠.
웹페이지라는 자유로운 공간 안에 자신만의 매력이 돋보이는 여러 요소들을 추가할 수 있는데요. 개성있게 편집한 자기소개 템플릿 소스를 Object Storage에 저장하면 URL 접근 방식으로 나만의 자기소개 포트폴리오를 온라인상에 퍼블리싱할 수 있습니다. 지금부터 그 방법을 단계별로 차근차근 설명해드릴게요!
Portfolio 생성 및 저장 방법은 어떻게 되나요?
(1) BootStrap에서 Themes 다운 받기
자기 소개 Portfolio 페이지를 만들기 위해 BootStrap의 무료 Themes 중 하나를 다운 받아서 사용하도록 하겠습니다.
URL : https://startbootstrap.com/template-overviews/resume/ 로 접속하여 소스를 “Download” 받습니다.
(2) 파일 및 폴더 수정하기
다운로드 받은 파일들의 구조를 간단히 하기 위해 파일과 폴더를 조금 수정합니다.
1. index.html 파일을 text 편집기로 열어 css와 js 파일 경로를 루트경로 아래 /css , /js 로 수정합니다.
예) vender/jquery/jquery.min.js → js/jquery.min.js 로 수정
2. 실제 .css 파일과 .js 파일들을 모두 /css , /js 경로로 옮김니다.
(3) 인증키 생성하기
생성한 포트폴리오를 Object Storage를 통해서 웹상에 퍼블리싱 해볼게요.
먼저 Object Storage 사용을 위해서는 API 인증키가 필요합니다. 인증키를 아직 생성하지 않았을 경우 네이버 클라우드 플랫폼 포털에서 [마이페이지] > [계정관리] > [인증키관리] 로 접속한 다음 인증키를 먼저 생성합니다.
(4) Object Storage 이용 신청하기
Object Storage를 처음 사용하시는 분은 먼저 “이용신청”을 해주시고, 이미 사용중인 분은 인증키를 새로 등록하거나 기존 인증키를변경하실 수 있습니다.
(5) 버킷 생성하기
본격적으로 포트폴리오를 저장해볼까요?
Object Storage에서 파일과 폴더를 저장하는 상위 단위인 버킷을 생성합니다. (리전 내에서 이미 사용중인 버킷 이름은 사용할 수 없습니다.)
(6) 버킷 권한주기
버킷의 권한을 “공개”로 설정하고 버킷을 생성합니다. (CDN 과 연동하여 외부 인터넷에서 접근 가능하도록 할 예정이므로 “공개”를 선택합니다.)
(7) 폴더 만들고 파일 업로드 하기
웹 폴더 구조와 같은 구조로 Object Storage 버킷에 폴더를 생성한 후 각 폴더에 해당 파일들을 Upload 합니다.
모든 폴더에 “폴더 공개하기”를 속성을 추가합니다.
(8) 폴더 및 파일 접근 권한을 “공개”로 설정하기
외부 인터넷에서 접근을 위해 폴더와 모든 파일들의 권한을 “공개”로 설정합니다. (root 디렉토리에서는 index.html 파일만 공개로 설정하면 됩니다.)
(9) Index.html 파일 경로 확인하기
마지막으로 index.html 파일 경로 링크를 누르거나 copy 합니다.
(10) 인터넷으로 자기 소개서 페이지 접속하기
Copy한 링크를 통해 접속하면 Object Storage에 저장된 정적 컨텐츠 (html, css, js) 가 인터넷을 통해 퍼블리싱 된 것을 확인할 수 있습니다.
[참고] 만약 소유하고 있는 개인 도메인이 있다면 Object storage 에서 서비스되는 URL을 포워딩 하여 자기만의 도메인을 통해 퍼블리싱 하는 것도 가능합니다.
네이버 클라우드 플랫폼 상품 및 서비스는 어떻게 사용할 수 있나요?
네이버 클라우드 플랫폼의 Storage 상품 및 서비스 플랫폼을 사용하기 위해서는 아래와 같이 네이버 클라우드 플랫폼 포털 사이트 및 사용자 가이드를 참고하시면 쉽게 사용하실 수 있습니다.
- 네이버 클라우드 플랫폼 포털
: https://www.ncloud.com
- 네이버 클라우드 플랫폼 사용자 가이드
: https://guide.ncloud-docs.com/docs/
- Object Storage 상품 가이드
: https://guide.ncloud-docs.com/docs/storage-storage-6-1
글을 마무리 하며…
네이버 클라우드 플랫폼의 Object Storage 상품 및 서비스를 활용하여 자기소개 페이지를 웹 퍼블리싱하는 방법에 대해 소개해드렸습니다.
앞서 보셨듯이 많은 용량을 차지하는 html, css, js 형식의 파일도 저장이 가능하며, 저장된 파일마다 고유 URL을 생성해주어 링크 접속만으로 쉽게 접근이 가능합니다.
많은 분들이 네이버 클라우드 플랫폼의 유용한 Storage 상품을 자유롭게 활용하여 자신만의 개성있는 포트폴리오를 차곡차곡 쌓아 나가기를 바랍니다.
[NBP 기술&경험] Grafana + InfluxDB 활용한 모니터링 시스템 구축
