나만의 웹 사이트(성경 웹)를 만들기

안녕하세요 류똥구입니다.

저는 성경을 컴퓨터로 옮겨 적고 있는 중입니다. 와이프를 포함하여 처가 식구들이 모두 기독교인이라 관심이 간 것도 있지만, 결혼전에 장인어른과 한 약속이 있어 성경을 완독을 해야했습니다. 단순히 읽어서는 잘 기억도 안남고 증빙이 안되므로 하루에 2~3장씩 아이클라우드 메모에 옮겨 적었습니다. 양이 너무 많아서 영영 끝나지 않을 것이라고 생각했었데요. 드디어 구약을 끝내고 신약을 옮겨 적고 있는 중 입니다.

구약이 너무나 많았어서 신약은 왠지 모르게 금방(?) 끝날 것 같은 기분입니다. 2020년 2월에 시작했으니 완성까지 약 2년정도 소요가 될 듯 합니다. 시간과 정성을 들였는데 기왕이면 잘 활용해보고 싶었습니다. 안그래도 지금 사용하고 있는 아이폰용 성경앱에 불편한 점이 한두개가 아니였어서, 나만의 성경 웹사이트를 만들어 보려고 합니다.

 

프로젝트의 목적

성경책과 지금 사용중인 성경앱을 대체한다.

종이 성경책을 아무리 작게 만들어도 가지고 다니기 여간 어려운게 아닙니다. 게다가 아이폰 앱스토어에는 괜찮은 무료 성경앱이 없습니다. 유료앱은 구매해보지는 않았지만, 안드로이드에 비해서 아이폰에 성경앱의 개수 자체가 적을 것을 봐서는 아이폰 유저 중에는 성경을 사용할 만한 사용자가 많이 않은가 봅니다. 아쉬운대로 사용하고 있는데, 기능적으로 아쉬운 것들이 많았습니다. 대체해서 사용하려고 합니다.

 

웹 개발 역량을 키운다.

회사에서도 개발을 하긴 하지만, 새로운 것을 배워 놓으면 좋을 것 같았습니다. 회사에서 갑자기 사용할 수 있을 때도 도움이 될 듯하기도 하고, 새로 개발을 시작할 때 사용해보자고 이야기 하기에도 좋을 것 같았습니다. 저는 백엔드와 인프라쪽 개발을 주로 했었어서 웹 전반에 대해서는 잘 모르고 있었기에 이번 기회를 통해서 웹의 전체적인 구조와 동작을 이해하고자 합니다. 그리고 블로그에 포스팅을 해면 누군가에게는 도움이 되지 않을까 싶습니다.

 

요구사항

개인 프로젝트로 웹 서비스를 만들고자 했을 때, 다음의 기능들이 있으면 좋겠다고 생각을 했었습니다.

• 애플 디바이스의 사파리에서 원활히 사용할 수 있어야 한다.
• 접속하는 디바이스의 디스플레이에 맞춰서 화면 레이아웃이 변경되어 보여줘야 한다.
• 성경의 내용인 구약, 신약, 주기도문, 사도신경, 교독문, 찬송가, 십계명을 볼 수 있어야 한다.
• 검색 기능을 제공해야 한다.
• 색인 기능을 제공하여 빠르게 찾기가 가능해야 한다.
• 북마크 기능을 제공해야 한다.
• 보여지는 방식(폰트, 페이지 배경, 글자색, 줄간격, 글씨 간격 등)을 변경 할 수 있어야 한다.
• 허용된 사용자만 인증 후 사용할 수 있어야 한다 (로그인 기능).
• 관리자 계정이 있어야 한다.
• 관리자 계정은 사용자 추가/삭제/변경이 가능해야 한다.
• 관리자 계정은 성경 내용을 추가/삭제/변경이 가능해야 한다.
• 관리자 계정은 사용자 접속 정보를 확인 할 수 있어야 한다.
• 관리자 계정을 위한 사용자 세션 관리 기능을 제공해야 한다.
• 일반 사용자 계정은 성경 내용을 읽을 수 있어야 한다.
• 일반 사용자 계정은 잘못된 내용에 대해서 리포팅 할 수 있어야 한다.
• 일반 사용자 계정은 패스워드 변경이 가능해야 한다.
• 계정의 개인 설정 (북마크, 보기 설정 등)이 저장되어 각 계정이 로그인 시 적용되어야 한다.
• 사용자의 활동에 대해서 로깅하는 기능이 있어야 한다.
• 관리자는 시스템의 로그를 확인 할 수 있어야 한다.
• 시스템 동작 여부를 확인 할 수 있도록 매일 정해진 시간에 관리자에게 메일을 보내는 기능이 있어야 한다.

추후에 더 추가가 될지도 모르겠고, 모두 다 구현을 할 수 있을지도 모르겠습니다. 하나씩 하다보면 언젠가는 다 할 수 있지 않을까요?

 

시스템 구조

웹 서비스 블록다이어그램

새로운 언어와 프레임워크도 사용해 볼 목적이라서 vue.js로 frontend를 작성하고 golang으로 backend를 구현하려고 합니다.

개인적으로 사용할 예정이라서 아이폰, 아이패드, 맥의 사파리를 통해서 접속해서 성경 내용을 제대로 볼 수만 있으면 됩니다. 따라서, 다른 브라우저에 대한 호환성은 고려하지 않을 예정입니다.

---

우선은 각 컴포넌트를 설치하여 사용하는 방법에 대해서 가볍게 스터디를 할 예정입니다. 이후에 웹 사이트의 기능에 대해서 디자인을 하고 기능(요구사항)을 하나씩 구현해 볼까 합니다. 하나씩 진행을 해가면서 최대한 블로그에 포스팅을 해 보도록 하겠습니다. 그럼 다음 글에서 뵙도록 하겠습니다.