프론트엔드
올리브영 기술블로그 개발기
두줄요약
GitHub Pages와 Jekyll을 선택해 마크다운 기반 기술 블로그를 구축한 과정을 소개했습니다.\n설치·배포 흐름과 Liquid·SCSS 기반의 페이지 및 포스트 관리 구조를 설명합니다.
선택 이유
- 커스터마이징, 마크다운 작성, 검색 노출, 경량성, 구축·유지 비용 기준의 블로그 플랫폼 비교
- Git 친숙도와 낮은 유지비를 바탕으로 GitHub Pages 선택
- GitHub Pages와의 연동성 및 인기도를 고려한 Jekyll 채택
구조와 흐름
- Jekyll 설치, 프로젝트 생성·로컬 실행, GitHub 저장소 push, 도메인 확인 순서의 구축 과정
- 마크다운·Liquid·HTML·SCSS 기반 페이지 구성과
_data·_includes·_layouts·_sass디렉터리 분리 - 단일 페이지는
index.md, 게시물은 작성 일시 폴더 내부index.md로 관리
적용해볼 점
- 포스트별 레이아웃, 유형, 날짜, 카테고리, 작성자, 헤더 이미지, 해시태그를 front matter로 관리
- 초기 공개 범위는 페이지 분류와 기본 블로그 기능에 집중하고 검색·해시태그 필터링은 후속 고도화 항목으로 분리
