GitHub Pages는 어떤 기능인가요?
GitHub Pages는 GitHub 리포지토리의 내용을 웹사이트 형태로 호스팅할 수 있는 기능으로, HTML, CSS, JavaScript 파일을 웹에서 쉽게 게시하고 공유할 수 있습니다.
깃헙 리포지토리의 내용을 간단하게 웹사이트 형태로 호스팅할 수 있는 기능입니다.
[리포지토리에 HTML 커밋] -> [리포지토리 Settings > Pages > 소스 및 브랜치 선택]
이렇게 업로드하는 것만으로 바로 깃허브 도메인을 가진 정적 HTML을 배포 가능합니다.
만약 리포지토리명을 "static-utility" 로 정했다면
상단에 이렇게 표시됩니다.
이 페이지에 접근하려면
https://rakaso598.github.io/static-utility/
( 사용자명.github.io/리포지토리명/ )
이렇게 접근할 수 있습니다.
static-utility는 가벼운 유틸 기능을 모아놓은 제 리포지토리입니다.
이렇게 주소창에 입력하기만 하면 됩니다.
리포지토리가 가지고 있는 정적 리소스에 렌더링된 화면으로 접근할 수 있습니다.
여기서 외부 API에 연결하여 데이터를 응답 및 반환하고 렌더링하는 것도 가능합니다.
그러나 개인 키 및 시크릿 키를 사용해야 하는 API는 리포지토리 상에서 키를 숨길 수 없기 때문에 사용할 수 없었습니다.
키를 필요로 하지 않는 테스트용 오픈API를 호출하여 테스트하는 건 충분히 가능했습니다.
서버와 DB를 사용할 수 없지만 HTML, CSS, JavaScript 를 포함한 웹표준 기술만으로 활용할 수 있는 기능은 모두 가능했습니다. 대신 공개적인 장소에 소스코드를 숨길 수 없기 때문에 검토되지 않은 로직으로 보안 관련 문제가 발생할 수 있으므로 데이터를 충분히 검토해야 할 것입니다.
'GitHub' 카테고리의 다른 글
| 온디맨드 CSS 애니메이션으로 웹페이지 꾸미기 [CSS/JS] (1) | 2024.10.28 |
|---|---|
| 총알 피하기 게임 만들고 플레이 및 배포해보자 [GitHub Pages] (1) | 2024.10.24 |
| 카드 맞추기 게임 만들고 배포, 플레이까지 해보자 [GitHub Pages] (1) | 2024.10.22 |
| 깃허브 페이지에 두더지게임을 배포해보자 [PC/Mobile] (2) | 2024.10.21 |
| 깃허브 페이지로 데이터 시각화 도구를 배포해보자 [후기] (1) | 2024.10.17 |