'웹 > 기타' 카테고리의 다른 글
| Highlight.js 티스토리 Line Numbers 추가 (1) | 2016.11.16 |
|---|---|
| [웹] REST API란 (0) | 2016.10.28 |
| URL, URI 차이점 (0) | 2016.10.24 |
NCookie
'웹/기타'에 해당되는 글 4건
- 2016.11.17 [티스토리] 인용문
- 2016.11.16 Highlight.js 티스토리 Line Numbers 추가 1
- 2016.10.28 [웹] REST API란
- 2016.10.24 URL, URI 차이점
티스토리에 Highlihgt.js를 적용하는 방법은
이 블로그에서 보고 하시면 될 것 같습니다.
제가 소개하려고 하는 것은 line number를 추가하는 것입니다.
hightlight.js에서는 기본적으로 line number를 지원하지 않기 때문에 fork 나 customizing된 소스를 사용해야 합니다.
그래서 방법을 찾다가 가장 간단한 방법을 소개하려고 합니다.
https://github.com/wcoder/highlightjs-line-numbers.js
여기에 들어가서 src/highlightjs-line-numbers.js 파일을 받습니다. 그리고 티스토리 HTML/CSS 편집에 들어갑니다.
아마 위 블로그에서 따라했다면 highlight.js 파일을 불러온 html 코드가 있을 것입니다. 그 아래에 코드를 추가해줍시다.
script src="./images/highlight.pack.js"></script>
<script src="./images/highlightjs-line-numbers.js"></script>
<link rel="stylesheet" href="./images/darcula.css" />
<script>
hljs.initHighlightingOnLoad();
hljs.initLineNumbersOnLoad();
$(document).ready(function() {
$('code.hljs').each(function(i, block) {
hljs.lineNumbersBlock(block);
});
});
</script>css 부분에 아래 코드를 추가
.hljs-line-numbers {
text-align: right;
border-right: 1px solid #ccc;
color: #999;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}이제 html 모드에서 다음과 같이 하면 됩니다.
<pre>
<code class="[강조할 언어]">
[소스코드]
</code>
</pre>'웹 > 기타' 카테고리의 다른 글
| [티스토리] 인용문 (0) | 2016.11.17 |
|---|---|
| [웹] REST API란 (0) | 2016.10.28 |
| URL, URI 차이점 (0) | 2016.10.24 |
NCookie
REST(REpresentational State Transfer)
- ROA(Resource Oriented Architecture)를 따르는 웹 서비스 아키텍처
- URI와 HTTP 메소드를 이용해 객체화된 서비스에 접근하는 것
- SOAP이 서비스 지향 구조인 것과 달리 자원지향구조(ROA: Resource Oriented Architecture)로 웹 사이트의 컨텐츠(Text, 이미지, 동영상), DB의 내용 등을 전부 하나의 자원으로 파악하여 각 자원의 고유한 URI(Uniform Resource Identifier)를 부여하고, 해당 자원에 대한 CRUD(Create, Read, Update, Delete) 작업을 HTTP의 기본 명령어인 POST, GET, PUT, DELETE를 통해서 처리함
- 대규모 네트워크 시스템을 위한 아키텍처
REST API
- REST 구조 스타일에 적합한 Web API를 REST API라고 함
- REST API를 제공하는 웹 서비스를 RESTful 하다고 함
REST API 설계
'웹 > 기타' 카테고리의 다른 글
| [티스토리] 인용문 (0) | 2016.11.17 |
|---|---|
| Highlight.js 티스토리 Line Numbers 추가 (1) | 2016.11.16 |
| URL, URI 차이점 (0) | 2016.10.24 |
NCookie
URL(Uniform Resource Locator)
네트워크 상에서 자원이 어디있는지 가리킴
ex) http://test.com/work/sample.pdf
URI(Uniform Resource Identifier)
인터넷에 있는 자원을 나타내는 유일한 식별자
예시
1) rewrite 기술을 사용하여 만든 의미있는 식별자
http://test.com/company/location
2) REST 서비스 (uri로 실행되는 서비스)
http://service.com/tv/turn/on
3) Web-oriented architecture (웹 기반의 구조문법)
kakaotalk://sendmsg?text=hello! (이 uri는 kakaotalk 프로토콜을 해석할 수 있는 프로그램이 핸들링한다. 해당프로그램은 sendmsg 라는 식별자를 해석하고 동작한다.)
facebookmsg://like?url=mysite.com (이 uri는 facebookmsg 프로토콜을 해석할 수 있는 프로그램이 핸들링한다. 해당프로그램은 like 라는 식별자를 해석하고 동작한다.)
URL, URN은 URI에 포함됨
'웹 > 기타' 카테고리의 다른 글
| [티스토리] 인용문 (0) | 2016.11.17 |
|---|---|
| Highlight.js 티스토리 Line Numbers 추가 (1) | 2016.11.16 |
| [웹] REST API란 (0) | 2016.10.28 |
NCookie