티스토리 글을 작성하다보면, 개발자가 아니라 하더라도 코드에 대해 적을 일이 생깁니다. 그런데 메모장에서 쓰는 텍스트 기반의 코드는 강조부분이 없어 이해하기에 난해한 부분이 있습니다. 이런 경우 코드블럭을 사용하면 프로그래밍 문법을 보다 직관적이고 시각적으로 이해할 수 있습니다.
1. 코드블럭 사용전 vs 사용후
<코드블럭 사용전>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>간단한 웹 페이지</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>이것은 간단한 웹 페이지입니다.</p>
</body>
</html>
<코드블럭 사용후(글쓰기탭)>
이렇게 코드블럭 하에서 보는 코드가 훨씬 가독성이 높은 것으로 보여집니다.
2. 코드블럭 적용 방법
티스토리에서 코드블럭을 적용하는 방법은 간단합니다.
글쓰기 탭에서 기본모드 왼쪽에 있는 버튼(더보기) 아래 <>코드블럭이 있습니다.
주의할 점은 코드블럭을 하여도 티스토리에서 보이는 것은 앞서 보여드린 <코드블럭 적용후> 화면이 아닌
단조로운 색상의 코드블럭이 제공됩니다. 더욱 가독성을 높이기 위하여는 티스토리 자체 플러그인인
'코드 문법 강조 플러그인'을 설치하여야 합니다.
3. 코드블럭 적용 후 게시글 보기
지금까지 티스토리 글에 코드블럭을 적용하는 방법을 알아보았습니다. 최종적으로
코드문법강조까지 적용한 코드블럭을 아래와 같습니다.
다음에는 더 좋은 내용으로 찾아뵙겠습니다.
'IT 기술' 카테고리의 다른 글
| 돈을 아끼고 동시에 클라우드로 비즈니스 성과를 높이는 법은?(feat. 핀옵스(FinOps)) (0) | 2024.01.19 |
|---|---|
| 비트코인 ETF 승인되면 돈복사?? 승인은 언제? (0) | 2024.01.18 |
| 산업 클라우드 플랫폼, AI 시대 새로운 비즈니스 기회를 창출할 수 있을까? (0) | 2024.01.15 |
| 돈을 벌고 싶다면 알아둬야 할 노코드의 놀라운 힘은? (0) | 2024.01.09 |
| 아이폰 15 프로 vs 아이폰 15 ultra 비교 (0) | 2023.10.08 |
