웹개발 프레임워크
이 웹사이트는 리엑트나 뷰 같은 프레임워크를 사용하지 않았습니다. 대신 HTML과 자동화파이썬코드를 사용하여 압도적인 로딩 속도와 최적화를 구현했습니다.
웹 개발에 필요한 핵심 요소(내용, 틀)를 자동으로 조립해주는 자동화 엔진(빌더)를 개발하였습니다.
서비스의 구조
전체 시스템은 조립 및 관리, 배포, 인프라의 3단계로 구성됩니다.
1. 빌더 버전5 (파이썬)
직접 개발한 정적 사이트 생성기입니다. 마크다운으로 작성된 글들을 웹 표준 HTML로 변환합니다.
특징
- 엔진 :
Jinja2템플릿 엔진 +마크다운파서 - 빌더 : 수정된 파일만 감지하여 조립
- 동기화 : 소스에서 삭제된 파일은 배포 폴더에서도 자동 제거하여 동기화 유지
- 템플릿 : 템플릿 변경시 전체 일괄 변경
- SEO최적화 : 사이트맵 자동 생성 및 클린 URL 처리
2. Node.js / Express 엔진
기본 뼈대
이 서버는 50줄짜리 node.js 코드로 돌아가고 있습니다.
정적 사이트 생성기 (SSG) 방식으로 제공되는 html은 매우 빠른 속도를 자랑합니다. (서버 컴퓨터 램이 1기가 입니다.)
다국어 처리
단순한 파일 제공을 넘어, 사용자의 맥락을 파악하는 지능형 라우팅을 수행합니다. 흐름 파악 라우팅으로 접속 국가 및 이전 페이지를 분석, 한국어/영어 페이지로 자동 리다이렉트, 서브 디렉토리방식의 SEO최적화.
3. 네이버 클라우드 플렛폼 인프라
이 사이트는 네이버 클라우드 플렛폼 위에서 호스팅 되고 있습니다.
로드밸런서 & HTTPS
클라이언트와의 통신은 HTTPS로 암호화되어 전송됩니다. 네이버 클라우드의 로드밸런서가 인증서를 관리합니다.
장점
버크셔 해서웨이 사이트를 보십시오. 저는 웹을 직접 제어하는 것을 선택했습니다. 그 결과, 비용 효율적이고 유지보수가 자유로우며, 무엇보다 빠르고 리소스를 적게먹는 웹사이트가 탄생했습니다.
이러한 부분은 쾌적한 이용을 도와줄것입니다.
클라우드 사양
네이버 클라우드 플랫폼
운영체제 : 우분투-24.04
중앙처리장치 : vCPU 1개
메모리 : 1GB
스토리지 : CB1 20GB
- 컴퓨터 스펙 자세히 보기