구글블로그 코드블럭

-
테마 > HTML 들어가서
<Head> 태그 턱밑에 아래 사항을 기입하면
코드블럭 템플릿이 호출된다. 

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.2/styles/obsidian.min.css"></link>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.2/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

테마 고급설정에 들어가면 CSS추가 항목이 있는데
그 부분에 나는 다음과 같이 추가해 주었다.

pre {
    margin: 0px 0px;
    font-size: 90%;
    line-height: 1.8em;
}
이렇게 코드블럭을 활용할 수 있는 환경이 갖춰지면
글쓰기에서 HTML 탭으로 들어가서 블럭에 넣을 코드를
<pre><code class="language-html"> 코드</code></pre>
형태로 넣어주면 된다. 언어는 자동인식하는 데
위와 같이 직접 써 주는 게 더 확실하긴 하다.

파이썬이나 C#, 자바, 자바스크립트, css등
보통은 그냥 태그로 감싸는 걸로 처리가 끝나지만
HTML을 블럭에 넣는 경우는 escape처리를 해주어야 한다.
퀵이스케이프(☞요기)라는 곳이 그냥 편해서 활용 중이다.

첫번째 항목에서 /styles/obsidian.min.css 부분 中
obsidian은 취향에 따라 스타일을 바꿀 수 있다.
(☞요기) 에서 골라서 (☞요기)에서 이름을 맞추면 된다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

디자인 패턴

-
[ 목적(Purpose)에 따른 패턴의 분류 ]  :: 생성. 구조. 행동 1/3. 생성 패턴(Creation Pattern) : 객체의 생성과정에 관여하는 패턴. - 싱글톤(Singleton) 패턴 :    클래스의 인스턴스가 하나임을 보장하고    접근할 수 있는 전역적인 접근점을 제공하는 패턴으로,    디자인 패턴의 가장 기초라 할 수 있다. - 추상팩토리(Abstract Factory) 패턴 :    구체적인 클래스를 지정하지 않고    관련성이 있거나, 독립적인 객체들을 생성하기 위한    인터페이스를 제공하는 패턴. - 빌더(Builder) 패턴 :    복합 객체의 생성과정과 표현과정을 분리시켜    동일한 생성과정에서 다양한 표현을 생성할 수 있는 패턴. - 팩토리 메서드(Factory Method) 패턴 :    객체를 생성하는 인터페이스를 정의하지만,    인스턴스를 만드는 클래스는 서브클래스에서 결정하도록 하는 패턴.    팩토리 메서드에서는 인스턴스를 만드는 것을    서브 클래스에서 하게 된다. - 원형(Prototype) 패턴 :     생성할 객체의 종류를 명시하는 데 원형이 되는 예시물을 이용하고     새로운 객체를 이 원형들을 복사함으로써 생성하는 패턴. 2/3. 구조 패턴(Structural Pattern) : 클래스나 객체의 합성에 관한 패턴. - 적응자 패턴(Adapter or Wrapper) :    클래스의 인터페이스를    사용자가 기대하는 다른 인터페이스로 변환하는 패턴으로,  ...
자세한 내용 보기

비잔틴 장군 문제

-
이미지
[ 최종수정 - 20x0508(금)20시30 ] 1. 시작 :  Two Generals' Problem ①장군A1과 장군A2가 있고 공격할 대상인 도시가 있고 두 장군사이를 가로막는 계곡B가 있고 그 계곡B는 도시 수비군이 통제하고 있다.     ②두 장군은 동시에 공격해야 도시를 함락시킬 수 있고, 따로 공격하면 오히려 전멸한다. ③장군A1이 공격시간을 정하여 장군A2에게 연락병을 보내 전달했을 때 A1은 A2가 그 공격시간에 동의했는지 알기 전에는 공격을 개시할 수 없다. 일단 대기 ④A2가 연락병으로부터 공격시간을 전달받은 경우. A1이 A2(=자신)의 공격시간 동의사실을 확인하고 공격 개시를 확정했는지 확인하기 전까지는 공격을 개시할 수 없다. 즉 확인사실을 전달하는 연락병을 A1에게 보내고 대기. ⑤ 이 부분이 딜레마의 핵심에 해당하는 데 A1이 A2로부터 온 연락병의 확인사실을 듣더라도 다시 A2가 그 확인사실을 확인한 사실을 알고 공격 개시를 확정하기 전까지는 공격을 확정할 수 없다. 그래서 다시 ③으로 돌아가 연락병을 보내고 대기해야 한다. 당연히 또 ④의 상황이 되고 ⑤와④가 무한반복될 뿐 대기상태를 풀 방법이 없다. ▶이 문제는 불확실한 통신 상황에서 상호 동기화를 시도할 때의 겪게되는 딜레마를 표현한 것인데 해결할 수 없는 것으로 판명된 최초의 컴퓨터 통신문제이고, 합의 알고리즘에 대한 연구가 시작되는 지점이다. 2. 문제의 확장 : 비잔틴 장군 문제                      ( 문제를 제시한 논문 PDF 링크 ) ▶Trusted Third Party의 존재를 배제한 상태에서 합의를 이끌어내기 위한 방법이 존재하는가?라는 질문에 대하여 다양한 방식의 시도들이 실패로 귀결된다는 사실을 증명하기 위해 사용된 비유이다. ▶두 장군 문제를 일반화한 문제로 소개...
자세한 내용 보기

개미의 현명함

-
 나에게 주식 시장이 어떻게 될 것 같으냐고 묻는 지인들이 많다. 대답은 항상 똑같다. "모른다". 시장이 어떻게 될 것 같으냐고 물을 때 3년 후가 궁금해서 묻는 사람은 거의 없다. 모두가 다음 주, 다음 달, 기껏 길어야 1년 정도의 예후에 관심이 많다. 1년 정도는 주식시장이 상식과 전혀 딴판으로 흐르는 것이 이상하지 않으므로 몇 개월 후에 얼마까지 조정한 다음 그 몇 개월 뒤 얼마로 갈 것이라는 식의 전망을 하는 전문가들을 보면 참 무모하다는 생각이 든다.  개인적 의견인데, 이런 무모함은 한두 번의 성공적 행위 뒤에  따라오는 경망스러움이거나, 눈길을 끄는 예측을 해서 어쩌다 맞으면 스타가 될 요량으로 한번 질러보는 그런 종류의 객기 같은 것이 아닐까 싶다. 나의 판단으로는 1년 이하의 시간에 대한 주식 시장 전망은 정말 어렵다. 나보다 경제와 시장에 대한 공부를 많이 한 전문가들도 마치 틀리기 위해 예측하는 것처럼 보인다.   주식 시장이라는 것이 단기적으로는 노이즈와 군중 심리, 돌발 사건의 지배를 받기 때문에 어떻게 움직일지 모른다. 그렇지만 장기적으로 장부 가치의 증가를 따를 수 밖에 없다. 2000년부터 2013년 사이 한국 주식시장의 자본총계지수와 MKF2000을 비교한 연구에서 주가지수가 순자산증가율을 못따라가는 경우 곧 이어 주식시장의 상승흐름이 나타났고 그 반대인 경우 하락하는 모습을 보여주었다. 전반적인 흐름을 보면 자본 총계지수는 비교적 건조하게 증가하고 상대적으로 주가지수는 훨씬 부침이 심한 모습을 볼 수 있었다. 주가지수가 불합리하게 출렁거리는 것 같지만 전체적으로는 자본 총계 지수선을 따라 움직이는 모습을 확인할 수 있다.   자본 총계 지수와 똑같은 비율로 움직인다고 말할 수는 없지만 대략 자본 총계 지수선을 따라 움직인다는 사실은 견고하다. 장기적으로 장부가치(자본 총계)가 늘어나는 속도로 주가가 상승한다. 미국에서도 이 현상은 동...
자세한 내용 보기