IDE에서 제공하는 구문 강조 기능을 블로그에도 적용해보자 우리는 대부분 소스 코드를 작성할 때 IDE에서 제공하는 미려한 화면에서 코드를 작성한다. 하지만 블로깅 또는 위키 문서 작성시 구문 강조(Syntax Highlighting) 기능이 적용되지 않아 가독성이 심각하게 떨어진다. 이번 글에서는 Prism이라는 초경량의 강력한 기능을 가진 구문 강조(Syntax Highlighter) 라이브러리를 이용하여 티스토리 블로깅시 소스 코드에 문법 강조 기능을 적용하는 방법을 설명하고자 한다. 라이브러리 다운로드 여기를 클릭하여 Prism 홈페이지에 접속한 후 DOWNLOAD 버튼을 클릭한다. 테마 및 지원 언어를 커스터마이징하는 화면이 나온다. 테마는 본인의 취향에 따라 고르고 (나는 어두운 계열의 Oka..
JavaScript 공부, Bootstrap과 함께 시작해보자 JavaScript를 공부하는데 있어 가장 중요한 것은 자주 많이 코드를 작성해봐야 한다는 것이다. 하지만 Hello, World! 문구 하나를 찍더라도 화면에 출력하는 방법은 천차만별인 법이다. 나는 JavaScript를 처음 공부하는 사람에게 Bootstrap을 기반으로 코드를 작성할 것을 추천한다. 마치 Java 입문시 콘솔보다는 Swing을 이용하여 Hello, World!를 화면에 출력하는 것과 같은 이치이다. 기본 뼈대 페이지 작성하기 Bootstrap 3 기반의 기본 뼈대 페이지는 아래와 같다. 문서의 구조는 전형적인 HTML5 구조이다. 문자셋은 UTF-8이기 때문에 파일 저장시 UTF-8로 저장해야 한글이 깨지지 않는다. jQ..
- Total
- Today
- Yesterday
- 구동계
- jpa
- java
- 로드 바이크
- spring
- 태그를 입력해 주세요.
- 알뜰폰
- CentOS
- JHipster
- DynamoDB
- Spring Boot
- Docker
- graylog
- 자전거
- jsp
- maven
- jstl
- Spring MVC 3
- MySQL
- Eclipse
- Kendo UI
- node.js
- 로드바이크
- 평속
- Tomcat
- bootstrap
- Kendo UI Web Grid
- chrome
- kotlin
- JavaScript
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
