[NCP] 정적 웹사이트 배포에 관하여···

📌 NCP 정적 웹사이트 배포··· 대체 무엇이길래 자료가 없는가···?

정적 웹사이트는 Netlify, Vercel, GitHub Pages, Firebase Hosting, Cloudflare Pages 같은 전용 정적 호스팅 플랫폼을 많이 쓴다. 그에 반해 NCP Object Storage는 원래 파일 저장 목적이 주 용도라, 배포 용도로는 거의 안 쓰인다.

게다가 퍼블릭 URL 설정이 일반적인 웹 호스팅처럼 간단하지 않아서 개발자들이 많이 기피 하기도 한다.

 

그리고 NCP Object Storage는 AWS S3와 API 호환이 되는데, S3는 정적 호스팅에 대한 자료가 넘치는데 비해, NCP는 아직 생태계가 좁아서 자료가 잘 안 퍼진다 고 한다(GPT가 알려줌)

 

개인적으로 자료들을 찾아봤을 때 옛날 자료들이 많고 안 된다! 라고 하는 이야기들이 많아서···

일단 내가 한 번 도전해 봤다··· 아직 완벽하게 됐다고 할 수 는 없지만, 일단 그에 대한 내용을 적는다.

 

 

---

 

 

📌 NCP Object Storage 신청 - 버킷 생성

우선 로그인을 합니다

 

로그인을 하고 콘솔을 누릅니다

 

콘솔을 누르고 object storage를 검색해서 들어갑니다.

 

 

 object storage의 Bucket Management로 들어가서 버킷을 생성합니다

 

p.s - (25년도 4월 10일 기준)  처음 하시는 분들은 해당 서비스를 먼저 신청해야 버킷을 생성할 수 있습니다! 

동일한 휴대폰 번호로 계정 1개만 만들 수 있어서 처음부터 보여드리지 못 하는 점 양해 부탁드립니다

 

 

 

 

버킷의 이름을 적어줍니다. 리전 내에서 유일한 이름으로 적어줍니다.

저는 프로젝트 이름을 적어주었습니다.

 

 

해당 설정은 이대로 둡니다.

 

 

권한 관리는 전체 공개의 공개로 해주시면 됩니다.

 

 

 

이렇게 설정하고!

 

 

버킷 생성을 눌러줍니다

 

 

그럼 버킷이 생성 됩니다!

 

---

 

📌 NCP Object Storage  - 정적 웹 호스팅

이제 여기서 정적 웹 호스팅을 하려면 버킷 오른쪽마다 붙어있는 점 3개를 클릭합니다.

 

 

그 중 정적 웹 사이트 호스팅을 누릅니다.

 

 

 

이렇게 창이 뜨는 것을 활성화 해주면 아래처럼 다른 창이 활성화 됩니다.

호스팅 유형을 정적 웹사이트 호스팅으로 해주고 난 뒤

설정 부분으로 갑니다.

 

 

 

설정 부분에서 인텍스 파일에 index.html 를 넣어주고

오류 파일은 선택사항인데 404페이지를 넣어주면 됩니다

일단 저는 준비된 것이 없어서 index 파일로 설정해놓았습니다.

그리고 확인 버튼을 눌러줍니다.

 

 

그러면 이렇게 Link가 뜹니다.

 

 

 

해당 링크로 접속하면

 

 

따란~~!

오류페이지가 뜹니다. 왜냐하면 지금 생성된 버킷에는 아무것도 없기 때문입니다. 하하!

 

---

 

 

📌 NCP Object Storage  생성 후기

 

Object Storage에서 정적 웹 호스팅을 배포하는 것은 생각보다 쉬운데 문제는 그 다음입니다.

 

내 도메인으로 https를 설정하기 위해서는

 

도메인을 일단 구입하고 ( 무료 도메인도 가능 ) Global Edge 에서 인증서를 발급 받고 CDN을 신청해서 신청이 완료 되면···.

 

CDN에서 설정을 다시 해줘서···.

 

서비스 프로토콜을 HTTPS 로 바꿔줘야합니닷

 

해당 부분은 2번째 글에서 쓰도록 하겠습니다 아직 신청중이므로···