하루라이프 서비스 재가동하기

한.. 9월쯤에 제가 만들어둔 사이드 프로젝트가 하나 있었습니다. 바로 하루라이프였는데요, 그때 “오늘의 뉴스, 정보, 편의기능을 한번에 보자”라고 거창하게 제작했었습니다. 지금 봐도 디자인은 잘나온 것 같네요. 다만 포맷을 하던 와중 실수로 SSH 키를 백업을 안해두고 포맷을 해버려서 서버에 접근이 불가하는 상황이 와 어쩔 수 없이 서버를 삭제하고 새로 만들었는데, 그 과정에서 하루라이프가 날라갔고 원본파일조차 백업을 안해둬서 서비스가 임시 중지 상태였는데요, 이번에 한번 살려보려 합니다.

하루라이프는 구버전이긴 하지만 깃허브에 백업해둔걸 발견해 서버 말고 임시로 깃허브 페이지로 운용하려 합니다. 다행이 간단하게 만든거여서 깃허브 페이지로 호스팅이 가능한데, 문제는 깃허브 호스팅은 동적 페이지만 지원을 하여 php로 코딩한 하루라이프는 사용이 불가해 PHP부분을 들어내고 html로 바꾸려 합니다.

PHP를 사용하는 부분들을 들어내기

일단 코드를 살펴보려 페이지를 켰다니 CSS가 인식이 안도고 있길래 CSS 버전을 올려 연결을 해주고, 코로나19 부분이 코로나19 API를 불러와야하는 부분이여서 이 부분을 PHP를 사용했기 때문에 제거해주고 html로 확장자를 바꿔줬습니다. 이는 메인 기능인 RSS 피드를 불러오는 부분이 HTML과 JS를 사용하는 부분이어서 가능했었습니다.

사실 깃허브에 올려둔 후에 투두리스트 부분에 버튼 수정 등등 변경사항이 있는데, 변경해둔걸 바로바로 커밋을 안해두니 변경 전 상태네요.. 백업은 중요합니다.

깃허브 페이지 세팅하기

세팅에서 깃허브 페이지를 활성화해주고, 경로를 메인 브런치로 설정해뒀습니다. 이 상태에서 사용해도 되지만, 깃허브 도메인을 원래 쓰던 주소로 변경해줘야 혼동이 없고, 웹뷰 앱에서도 경로 변경 업데이트 없이 손쉽게 사용이 가능해서 기존 주소인 harulife.oneoclock.kr로 변경해주겠습니다.

커스텀 도메인 설정

클라우드플레어에서 DNS에 깃허브 페이지 주소를 넣고, 저장을 해준 뒤에 깃허브에서 커스텀 도메인 설정과 SSH 적용을 해줬습니다. 그러니 다행이 원래 주소로 접속이 잘 되네요. 백업의 중요성을 뼈저리게 느꼈습니다. 빨리 서버 세팅을 끝내고 찾아뵙겠습니다.