[Jekyll] 정적 홈페이지와 Jekyll는 무엇일까?

최지원·2021년 12월 14일
0

서론

학부 수업 시간을 통해 만들게된 GitHub Page는 Jekyll 기반의 정적 홈페이지이다.
사실 Jekyll 이라는 것도 정적 홈페이지라는 단어도 많은 사람들에게는 생소할 것이다.
오늘은 정적 홈페이지는 무엇이고 Jekyll 은 어떤 역할을 하는 지 알아볼 것이다.

정적 홈페이지와 반대되는 개념인 동적 홈페이지를 함께 비교하며 설명해볼 것이다.


정적 홈페이지란?

정적 웹 페이지

  • 서버에 미리 저장된 파일이 그대로 전달되는 웹 페이지
  • 서버는 사용자의 요청에 해당하는 저장된 웹 페이지를 보냄
  • 사용자는 서버에 저장된 데이터가 변경되지 않는 한 고정된 웹 페이지를 보게 됨



동적 홈페이지란?

동적 웹 페이지

  • 서버에 있는 데이트들을 스크립트에 의해 가공처리한 후 생성되어 전달되는 웹 페이지
  • 서버는 사용자의 요청을 해석하여 데이터를 가공한 후 생성되는 웹 페이지를 보냄
  • 사용자는 상황, 시간, 요청 등에 따라 달라지는 웹 페이지를 보게 됨



정적 vs 동적!

그렇다면 정적 홈페이지와 동적 홈페이지는 어떤 점이 다를까?
단점과 장점을 통해 알아보도록 하자

  • 정적 웹 페이지의 장점
    - 빠름: 요청에 대한 파일만 전송하면 되기 때문에 추가적인 작업이 없음

    • 적은 비용: 웹 서버 구축 비용만이 고려대상이 됨
  • 정적 웹 페이지의 단점
    - 한정성: 저장된 정보만을 사용자에게 보여줄 수 있음

    • 관리가 힘듦: 추가/수정/삭제의 작업 모두 수동으로 이루어짐
  • 동적 웹 페이지의 장점
    - 다양성: 다양한 정보를 조합하여 동적으로 생성하여 제공 가능함

    • 관리가 쉬움: 웹 사이트 구조에 따른 추가/수정/삭제의 작업들이 모두 용이함
  • 동적 웹 페이지의 단점
    - 느림: 사용자에게 웹 페이지를 전달하기 전 전처리가 필요함
    - 추가 비용: 웹 서버 구축 비용 이외 추가적 처리를 위한 어플리케이션 서버가 필요함


그렇다면 Jekyll은 무엇일까?


jekyll(이하 지킬)은 웹 사이트 개발 툴이라고 함
지킬은 개발자와 연구자들이 가장 많이 이용하는 서비스인 깃허브에서 개발한 사이트 개발 툴임

사이트 개발과 블로그 툴로 유명한 것으로는 워드프레스(Wordpress)가 있음
하지만 여러 영향력을 이유로 워드프레스에서 지킬로의 많은 사이트 이동이 이루어지고 있음

지킬로의 사이트 이동이 이루어지는 가장 큰 이유는 '동적 웹 페이지'이기 때문!

위에서 언급한 동적 웹 페이지의 장점 '빠르다'와 '가볍다'이 모든 이유를 대변할 수 있다고 함

특히 Markdown이라는 온라인 문서 편집 표준 양식을 따르기 때문에 깃허브 ReadMe 파일과 동일한 방법으로 작성할 수 있기 때문에 글 작성에 있어서 편안함을 느낄 수 있음.


간단한 Jekyll 사용법을 알아보자

아래와 같은 간단한 명령어로 개인의 사이트를 만들 수 있다.

gem install bundler jekyll
jekyll new my-web-site
cd my-web-site

이외 지킬 설치는 Ubuntu와 Window에서 방법이 다르기 때문에 자세한 내용들은 지킬의 공식 홈페이지를 참고하는 것이 좋을 것이다

지킬 공식 홈페이지 주소 : https://jekyllrb-ko.github.io/

profile
KMU Software 21

0개의 댓글