지킬(Jekyll)이란?
Transform your plain text into static websites and blogs.
지킬 툴을 이용하여 HTML&CSS, JavaScript, Markdown 그리고 Liquid(Ruby로 작성된 오픈소스 템플릿 언어) 라는 템플릿 언어로 Static Web Site를 만들 수 있습니다.
Markdown 언어란?
마크업 언어, 마크다운 언어?
마크업 언어란 문서에 부가적인 정보를 표시하기위해 고안된 언어입니다.
-
메모장 열기
-
'<b>이수재</b>'입니다. 를 작성한 후 확장자 .html로 저장
-
웹으로 파일을 열면 '이수재입니다.'가 출력된다.
마크다운은 마크업의 문법을 좀 더 쉽게 바꾼 것입니다.
두 언어를 비교해보겠습니다.
마크업 언어로 이미지 올리기
<img src="assets/image.jpgg" alt="alt text" title="이미지 입니다."/></a>마크다운 언어로 이미지 올리기
마크다운 언어는 현재 지킬을 포함하여 깃허브, 텀블러, Discord, Stack Overflow등에서 사용 중입니다.
Static Web Site와 Dynamic Web Site
Static Web Site의 동작과정
-
사용자가 웹서버로 요청(Request)
-
서버에 미리 저장된 파일들 중에서 사용자가 요청한 페이지를 응답(Response).
Dynamic Web Site의 동작과정
-
사용자가 웹서버로 요청(request)
-
웹 서버에서 HTML이나 이미지는 알아서 처리를 하고, 동적 데이터(JSP등)는 DB연동을 위해 WAS에 처리를 요청.
-
WAS에서 DB를 연결을 요청한 후에 동적데이터를 처리.
-
WAS가 웹서버로 동적데이터의 처리결과를 응답(Response).
-
웹서버에서 HTML 페이지를 사용자에게 응답.
지킬(Static Web Site)의 장점
-
데이터 베이스를 구축할 필요가 없다.
-
용량이 적어 호스트 비용이 싸다. 심지어 github-pages를 통해 무료로 호스팅을 할 수 있다.
-
텍스트 에디터기(VS code, Atom등)로 문서 작성이 가능하다.
-
Git을 이용한 백업, 복원이 쉽다.
지킬(Jekyll) 설치
1. RubyInstaller 설치
https://rubyinstaller.org/downloads/ 로 접속합니다.
설치파일을 다운 받습니다.
※제 컴퓨터에서 64비트 설치파일을 다운받아 설치해보니 오류가 계속 발생했습니다. 64비트 설치시 계속 오류가 발생하시는 분들은 32비트로 설치하시길 바랍니다.
설치파일을 우클릭 한 후에 '관리자 권한으로 실행'으로 설치해줍니다.
설치가 완료되면 finish 버튼을 눌러줍니다.
다음과 같은 화면이 뜨면 ENTER 버튼을 눌러줍니다.
MSYS(Minimal SYStem)는 윈도우에서 유닉스의 터미널 환경을 제공해 주며 이를 통해 MinGW와 GCC를 설치해 줍니다.
MinGW는 MSYS와의 결합으로 구동됩니다.
MinGW(Minimalist GNU for Windows)는 여러 오픈 소스 프로그램들을 윈도우에서 실행할 수 있게 해주는 툴입니다. 이를 통해 윈도우에서도 루비를 실행 할 수 있게 해줍니다.
설치가 완료되면 ruby 설치가 잘 되었는지 확인합니다.
C:\blog>ruby --version2. jekyll 설치하기
cmd 창을 엽니다.
jekyll을 설치합니다.
C:\> gem install jekyll bundlejekyll이 설치가 잘 되었는지 확인합니다.
C:\> jekyll -versionblog라는 디렉토리를 만들어 jekyll 사이트를 생성합니다.
C:\> jekyll new blog만든 blog 폴더에서 jekyll serve 명령어를 통해 지킬서버를 가동합니다.
C:\blog> jekyll serve※ 지킬 서버 실행이 안될시 아래와 같이 타이핑 해주시면 됩니다. (UTF-8 명령창으로 변환해줌.)
C:\blog> chcp 65001
가동 된 것을 확인 한 후 프롬프트에 출력된 127.0.0.1:4000로 들어가 봅시다.
지킬사이트가 잘 생성된 것을 확인 할 수 있습니다.
글에 오류가 있으면 알려주세요. 감사합니다.