지킬 코드 하이라이트 지원 리스트!

Syntax Highlighting List

gem으로 설치하는 rouge이 지원하는 모든 언어! 알파벳순이고 Ctrl + F 찾으시면 됩니다.

• actionscript: ActionScript [aliases: as,as3]
• apache: configuration files for Apache web server
• apiblueprint: Markdown based API description language. [aliases: apiblueprint,apib]
• applescript: The AppleScript scripting language by Apple Inc. (http://developer.apple.com/applescript/)
• biml: BIML, Business Intelligence Markup Language
• c: The C programming language
• ceylon: Say more, more clearly.
• cfscript: CFScript, the CFML scripting language [aliases: cfc]
• clojure: The Clojure programming language (clojure.org) [aliases: clj,cljs]
• cmake: The cross-platform, open-source build system
• coffeescript: The Coffeescript programming language (coffeescript.org) [aliases: coffee,coffee-script]
• common_lisp: The Common Lisp variant of Lisp (common-lisp.net) [aliases: cl,common-lisp,elisp,emacs-lisp]
• conf: A generic lexer for configuration files [aliases: config,configuration]
• coq: Coq (coq.inria.fr)
• cpp: The C++ programming language [aliases: c++]
• csharp: a multi-paradigm language targeting .NET [aliases: c#,cs]
• css: Cascading Style Sheets, used to style web pages
• d: The D programming language(dlang.org) [aliases: dlang]
• dart: The Dart programming language (dartlang.com)
• diff: Lexes unified diffs or patches [aliases: patch,udiff]
• dot: Graphviz graph description language
• eiffel: Eiffel programming language
• elixir: Elixir language (elixir-lang.org) [aliases: elixir,exs]
• erb: Embedded ruby template files [aliases: eruby,rhtml]
• erlang: The Erlang programming language (erlang.org) [aliases: erl]
• factor: Factor, the practical stack language (factorcode.org)
• fortran: Fortran 95 Programming Language
• gherkin: A business-readable spec DSL ( github.com/cucumber/cucumber/wiki/Gherkin ) [aliases: cucumber,behat]
• glsl: The GLSL shader language
• go: The Go programming language (http://golang.org) [aliases: go,golang]
• gradle: A powerful build system for the JVM
• groovy: The Groovy programming language (http://www.groovy-lang.org/)
• haml: The Haml templating system for Ruby (haml.info) [aliases: HAML]
• handlebars: the Handlebars and Mustache templating languages [aliases: hbs,mustache]
• haskell: The Haskell programming language (haskell.org) [aliases: hs]
• html: HTML, the markup language of the web
• http: http requests and responses
• ini: the INI configuration format
• io: The IO programming language (http://iolanguage.com)
• java: The Java programming language (java.com)
• javascript: JavaScript, the browser scripting language [aliases: js]
• jinja: Django/Jinja template engine (jinja.pocoo.org) [aliases: django]
• json: JavaScript Object Notation (json.org)
• json-doc: JavaScript Object Notation with extenstions for documentation
• jsonnet: An elegant, formally-specified config language for JSON
• julia: The Julia programming language [aliases: jl]
• kotlin: Kotlin http://kotlinlang.org
• liquid: Liquid is a templating engine for Ruby (liquidmarkup.org)
• literate_coffeescript: Literate coffeescript [aliases: litcoffee]
• literate_haskell: Literate haskell [aliases: lithaskell,lhaskell,lhs]
• llvm: The LLVM Compiler Infrastructure (http://llvm.org/)
• lua: Lua (http://www.lua.org)
• make: Makefile syntax [aliases: makefile,mf,gnumake,bsdmake]
• markdown: Markdown, a light-weight markup language for authors [aliases: md,mkd]
• matlab: Matlab [aliases: m]
• mosel: Optimization language used by Fico’s Xpress. (http://www.fico.com/en/products/fico-xpress-optimization-suite/)
• moonscript: Moonscript (http://www.moonscript.org) [aliases: moon]
• nasm: Netwide Assembler
• nginx: configuration files for the nginx web server (nginx.org)
• nim: The Nim programming language (http://nim-lang.org/) [aliases: nimrod]
• objective_c: an extension of C commonly used to write Apple software [aliases: objc]
• ocaml: Objective CAML (ocaml.org)
• pascal: a procedural programming language commonly used as a teaching language.
• perl: The Perl scripting language (perl.org) [aliases: pl]
• php: The PHP scripting language (php.net) [aliases: php,php3,php4,php5]
• plaintext: A boring lexer that doesn’t highlight anything [aliases: text]
• powershell: powershell [aliases: posh]
• praat: The Praat scripting language (praat.org)
• prolog: The Prolog programming language (http://en.wikipedia.org/wiki/Prolog) [aliases: prolog]
• properties: .properties config files for Java
• protouf: Google’s language-neutral, platform-neutral, extensible mechanism for serializing structured data [aliases: proto]
• puppet: The Puppet configuration management language (puppetlabs.org) [aliases: pp]
• python: The Python programming language (python.org) [aliases: py]
• qml: QML, a UI markup language [aliases: qml]
• r: The R statistics language (r-project.org) [aliases: r,R,s,S]
• racket: Racket is a Lisp descended from Scheme (racket-lang.org)
• ruby: The Ruby programming language (ruby-lang.org) [aliases: rb]
• rust: The Rust programming language (rust-lang.org) [aliases: rs]
• sass: The Sass stylesheet language language (sass-lang.com)
• scala: The Scala programming language (scala-lang.org) [aliases: scala]
• scheme: The Scheme variant of Lisp
• scss: SCSS stylesheets (sass-lang.com)
• sed: sed, the ultimate stream editor
• shell: Various shell languages, including sh and bash [aliases: bash,zsh,ksh,sh]
• shell_session: A generic lexer for shell session and command line [aliases: terminal,console]
• slim: The Slim template language
• smalltalk: The Smalltalk programming language [aliases: st,squeak]
• smarty: Smarty Template Engine [aliases: smarty]
• sml: Standard ML [aliases: ml]
• sql: Structured Query Language, for relational databases
• swift: Multi paradigm, compiled programming language developed by Apple for iOS and OS X development.(developer.apple.com/swift)
• tap: Test Anything Protocol [aliases: tap]
• tcl: The Tool Command Language (tcl.tk)
• tex: The TeX typesetting system [aliases: TeX,LaTeX,latex]
• toml: the TOML configuration format (https://github.com/mojombo/toml)
• tulip: The tulip programming language http://github.com/jneen/tulip [aliases: tlp]
• twig: Twig template engine (twig.sensiolabs.org)
• typescript: TypeScript, a superset of JavaScript [aliases: ts]
• vb: Visual Basic [aliases: visualbasic]
• verilog: The System Verilog hardware description language
• viml: VimL, the scripting language for the Vim editor (vim.org) [aliases: vim,vimscript,ex]
• xml: XML
• yaml: Yaml Ain’t Markup Language (yaml.org) [aliases: yml]

실화를 바탕으로 9.11 테러 직후 11일간의 비공식 작전! 실제와 얼마나 비슷할까?

배우와 실제 얼굴

배우	실제 얼굴
크리스 헴스워스(미치 넬슨)	마크 넬슨 대위
마이클 섀넌	밥 패닝턴 준위
네이비드 네가반	도스툼 장군
윌리암 피츠너	존 멀홀랜드 대령
롭 리글	맥스 바우어스 대령

영화와 실화에 대한 궁금증

실제로 마크 넬슨은 9/11 당시 사무직으로 일하고 있었는가?

실제로 영화에서 크리스 헴스워스가 연기한 마크 넬슨은 특스 부대 대장으로써 복무중 승진으로 행적직 근무 중으로 TV를 통해 알았다고 함. 영화에서 처럼 9/11에 대한 소식을 듣자마자 맥스 바우어스 대령에게 파병 요청을 했음. 물론 영화에서 책상 부시는 장면은 없었뜸. 쌍남자;;

9/11 당시 실제로 그린베레들은 훈련 중이였나?

영화 초반에 보면 몇 몇의 그린베레들이 낮은 강에서 훈련중이였다고 함. 실제로 595 특수부대는 컴버 랜드 강을 따라 야간 훈련에 참가하고 있었는데, 짙은 안개 때문에 보트이동을 포기하고 강둑에서 밤을 보냈다고ㅋㅋ. 그래서 영화에서도

스타벅스 들렀다 오냐?

영화에서는 다른 팀원이 도착해서 9/11 상황을 알려주지만 실제로는 복귀도중 라디오에서 비행기가 세계 무역 센터에 자폭하는 것을 알았다고 함.

9/11 테러 이후 12 솔져스가 아프가니스탄에 첫 파견된 미군인가?

Nope. ODA 595(Operational Detachment-Alpha 595)는 아프가니스탄으로 파견된 특수부대 3개 중 하나라고 함. 원래는 무역센터 공격이 있은 지 3일 후인 9월14일 최초의 파병으로 아프간에 도착할 예정이였지만, 3번의 출발 지연으로 10월 5일에 출발했다고함. 가는 시간을 생각하면 너무 늦… 9월 26일 7명으로 이루어진 CIA특수작전단(SAD) '조브레이커'팀이 가장 먼저 아프간 국경을 넘었다고 함. 실제 첫 임무는 아프가니스탄에서 첫 공중격추된 조종사를 구출하는 임무였지만 도스툼을 도와주는 임무로 바뀌었다고 하더라~

왜 ODA 959팀이 선택되었나?

ODA 595팀은 아프간 북부 이웃 국가인 우즈베키스탄의 특수 작전 부대와 계속 적으로 일하던 팀이였고, 가장 최근까지 활동했던 터라 믿음직 스러웠다고함. 팀 전체가 2년간 같이 살아왔고 평균 8년의 복무기간을 가지고있는 베테랑 팀이였음. 실제로 사막의 폭풍작전과 소말리아, 코소보에서 활동도 했었다고함. 또한 헴스워스가 연기한 마크 넬슨은 실제로도 전투경험이 없었다고함.

마크넬슨은 세계 무역센터의 잔해를 가지고 있었나?

영화에서 마크넬슨이 세계 무역센터의 잔해를 받는 장면이 있음. 이 후 마자르 전투에서 승리 한 후 땅에 묻는 장면이 있는데, 실제로는 맥스 바우어스 대령이 가지고 있었다고함. 나~아중에 탈레반이 무너진 지 몇 달 후, 특별 작전팀이 마자르에가서 잔해를 묻었다고 함.

도스툼은 실제로도 도라이같은 사람이었나?

도스톰은 실제로도 폭력적인 성향으로 유명했다고함. 멀홀랜드 대령은 “우리는 도스툼에 대해 아무것도 몰랐다. 이 사람들은 손에서 피를 묻히고 있었고 이들중 깨끗한 사람은 아무도 없었다.”라고 했다. 실제로도 도스툼은 결국 아프가니스탄의 부통령이 되었다고 함.

미군은 도스툼에게 정말로 선물을 주었나?

영화에서 보면 처음 말사료를 주는데, 표정이 겁나 좋지 않았다. 실제로도 전혀 좋아하지 않았고 나중에 러시아산 보드카를 1병 주었더니 "Excellent"라고 말함 ㅋㅋ

영화에서처럼 정말 살아남기 힘든 임무였는가?

영화에서보다 더 살아남기 힘든 임무였다고함. 마크넬슨은 "그 누구도 우리가 살아남을 것이라고 기대하지 않았다."라고했음.

여기선 절대로 생포당하면 안돼

고향에서 7,000마일(11,265km) 떨어져 있는 전장에서 1인당 100,000달러(1억 600만원) 현상금이 걸린 상태로 96시간 동안 4000배 이상 차이나는 전투를 중화기, 탱크, 박격포 등을 가진 50,000명과 싸웠고 임무 완수와 모두 생환했으니;; 개억지 판타지 영화급 기적임.

영화에서 처럼 실제로 말을 타고 싸웠나?

미군 특수 부대는 가장 최첨단의 기술을 사용하는 전투에 익숙하지만 아프간 지역에서 기마병으로써 싸우길 강요받았다고함. 물론 산악지형이고 이동 거리가 멀기 때문에 어쩔 수 없는 선택이기도 함. 실제로 지휘부에서 도스툼의 군대가 기마병으로 이루어져 있다는 것을 몰랐다고함.

실제로 밥 패닝턴은 허리디스크로 고생핬나?

마이클 섀넌이 연기한 할스펜서(실명:밥 패닝턴)는 요추 추간판 탈출증으로 고생했다고함. 임무 중에 너무 괴로워하며 말을 타고 다녔다고 함. ㅋㅋ 영화에서 잠깐 나오듯이 위생병이 진통제를 줬다고 하는데.. 몰핀처럼 마약성 진통제가 아니였을까?

도스툼은 미군 1명보다 부하500명을 잃는게 차라리 낫다고 했나?

미군 1명이 다치느니 내 부하 500명을 잃는게 낫소

실제 도스툼은 미군이 다치면 미국이 지원을 안해줄 것으로 생각해서 이렇게 말했다고함. 나중에서야 영화처럼 넬슨 대위가 도스툼과 신뢰를 쌓아서 전투 중에 아무말 없이 믿어주었다고 함.

배우 롭리글은 실제로 아프가니스탄에 파병을 갔었다

배우 롭 리글은 실제로 해병대로 2001년에 아프간에 파병을 갔었다. 실제로 맥스 바우어 아래에 위치한 부대에 있었고 가끔은 보고도 했다고 함.

이 해병은 커서 자신의 상관인 맥스 바우어를 연기하게 된다. </br>

무역센터 앞 Horse Soldier 동상 </br>

마지막으로 실제 ODA 595팀의 사진

참고

Special Forces Who Avenged 9/11 (Alex Quade’s “Horse Soldiers” SHORT) HistoryVsHollywood

거두절미 HTML5 강좌

1. HTML의 개요
2. 실험
3. 구조
4. Editor(문서 편집 에디터)

HTML의 개요

html은 웹페이지를 만드는 3가지 큰 요소 중 1부분을 차지한다. 보통 마크업(Markup)이라 한다. 가끔 보면 특이한 마크업이 있는데 jade, pug 등은 node.js에 express라는 서버에서 사용한다.

실험

html은 메모장으로 간단하게 실험해볼 수 있는데,

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <h1>This is a Heading</h1>
        <p>This is a paragraph.</p>
    </body>
</html>

위 코드를 메모장에 써보자

1. 메모장에 위코드를 붙여넣기

2. 저장할때, .html로 저장.

   index.html로 저장

3. 브라우저로 열어본다.

   잘 작동 하는 것을 볼 수 있다.

구조

원리 앞에 HTML코드를 보면 html은 <>인 Opening Tag와 </> Closing Tag가 한쌍으로 이루어져있다.

Attribute는 tag의 속성값을 넣는 구역으로 class가 foo로 지정되어있다.

Content는 tag안의 표시할 정보를 넣는 구역이다.

HTML 구조 앞에 실험해본 HTML의 구조는 아래처럼 시각화 할 수 있다.

흰색 영역은 <body> 태그는 브라우저 안에 표시된다. <head> 태그는 브라우저 이름이나 다른 meta 데이터가 들어가는 구역이다.

<!DOCTYPE>는 브라우저에게 문서 유형을 보여주는 곳인데 HTML태그보다 먼저 맨위에 작성되어야한다. HTML5는 아래와 같이 작성하면된다.

<!DOCTYPE html>

html5 전에는 겁나 귀찮았는데 아주 쉬워졌다. 굿.

Editor(문서 편집 에디터)

앞으로 작성할 html문서들을 계속 메모장에 사용할 수 없으니 간단히 Editor를 추천한다.

Visual Studio Code 줄여서 vsCode라고 한다. 다양한 커스터마이징과 강력한 기능들이 있다. 특히나 마이크로소프트가 모든 플랫폼 용으로 개발한 편집기로 git제어 디버깅 등 꼭 필요한 기능이 기본으로 들어있어서 좋다. 참고로 일렉트론기반으로 제작되었다. 무거울 것같은 마소이지만 vsCode만큼은 너무나 가볍게 잘돌아간다. 저사양PC에서도 좋다. 나도 사용중.

Atom은 vsCode전에 사용한 편집기로 역시 Electron 기반이다. vsCode와 비슷하지만 단점으로는 조금 무겁고 버벅거림이 있을 수 있다. 가끔은 아예 응답없음이 떠버려서 난감한 경우도 있지만 어쨌든 자동저장이라 껏다 키면된다. 장점은 vsCode보다 UI UX에 접근하여 커스터마이징이 매우매우 자유롭고 상당히 특이한 플러그인들이 많다. 대표적으로 Power Mode 이 플러그인 때문에 6개월 정도 사용했지만 결국 vsCode로 이전했다..ㅠ

미친 .. 다시 사용하고 싶어질만큼 매력적이다.

다른 에디터도 많지만 일단 기본적으로 웹개발에서는 이 두 개가 대표적이다.

Window에서 Jekyll CP949 에러 해결 방법

윈도우에서 CP949 에러! 무엇?

이런 메시지가 가끔 뜬다. 보통은 새로운 플러그인이나 기능을 추가하거나 테마를 받아 실행해볼 때, 많이 일어난다. 기본 jekyll 프로젝트에서는 보지 못한 에러라 많이 당황했다. 로그에 보이듯이 SASS가 문제

윈도우에서 SASS를 사용하는 패키지 인코딩이 문제카더라.. 구글링에서는 _config.yml 파일에 UTF-8 인코딩으로 추가 하라던데 "응, 안돼. 돌아가"

해결법

chcp 65001

자~알 굴러간다. 굿!

참고

Liquid Exception: Incompatible character encoding

위와 같은 encoding 에러도 아래 명령어로 해결될 수 있다.

윈도우에서 Jekyll 문서 으로 Ruby2.0 기준으로 잘 설명한 git이 있어서 링크 남깁니다.

Jekyll은 기본적으로 윈도우는 지원하지 않는다. 윈도우에서 지킬을 설치하기 위해 퇴근 후 고생했던 방법!

윈도우에서 지킬 설치하기

1. 기본 설치
2. 지킬과 부가기능 설치
3. 지킬 프로젝트 생성과 실행

준비물과 요구사항

기본 설치

다운로드 하는 곳: [다운로드]

루비 설치

NOTE: 2.4버전 이상으로 시도했지만 여러 테마들과 여러 gem들이 버전이 안맞아서 에러가 겁나 났습니다. 3일 내내 고생한 부분이니 왠만하면 2.3.3 버전으로 설치하시길 바랍니다.

NOTE: 설치 하실 때, Add Ruby executables to your PATH는 꼭 체크 하시길 바랍니다. 자동으로 정말 귀찮은 환경변수를 등록해줍니다.

DevKit(데브킷) 설치

데브킷은 원하는 위치에 압축을 풀어 놓습니다. C드라이브 바로 아래에 위치하는 것이 편합니다.

Win + R 후 “cmd” 입력! 명령 프롬프트 실행

cd c:\devkit
ruby dk.rb init
ruby dk.rb install

위 명령어로 데브킷을 설치합니다.

설치 완료되면 ruby –version gem –version 명령어로 ruby와 gem이 잘 설치 되었는지 확인해봅니다.

지킬과 부가기능 설치

NOTE: gem은 npm이나 yarm 처럼 ruby에서 쓰는 패키지 매니저입니다. 자세한 사항은 이곳 에서 확인하세요.

아래 명령어로 지킬과 나머지 필수 패키지를 설치합니다.

gem install jekyll
gem install minima
gem install bundler
gem install jekyll-feed
gem install tzinfo-data

모두 설치가 되었으면 CMD로 돌아가서 Jekyll 프로젝트를 생성합니다.

지킬 프로젝트 생성과 실행

jekyll new .

위와 같이 잘 생성된다면 로컬에서 실행 해봅시다.

jekyll serve

NOTE: http://127.0.0.1:4000 에 접속하면 서버가 생성 되었습니다.