코딩 2

[티스토리] 코드 블록 디자인: 폰트 변경 및 적용하기(D2Coding)

안녕하세요! 오늘은 블로그의 코드 블록 폰트를 변경하는 과정을 소개해드리려고 합니다. 가시성 좋은 폰트를 선택함으로써 독자들에게 더 나은 가독성과 시각적 편안함을 제공하고, 전문성과 신뢰성을 높이며 다양한 기기 및 화면에 적합한 사용자 경험을 조성할 수 있습니다. 폰트 선택 먼저, 다양한 상업적 용도에 활용 가능한 무료 폰트를 제공하는 눈누에서 원하는 폰트를 찾아보겠습니다. 눈누홈페이지에서는 폰트를 한눈에 볼 수 있고, 웹폰트로 제공되어 편리합니다. 사진처럼 '코딩체'만 따로 모아 볼 수도 있습니다. 여기서 제가 개발에 특화된 D2Coding을 선택한 이유는, 네이버에서 개발자들을 위해 디자인한 이 폰트가 코딩 시 가독성이 뛰어나다는 특징이 있기 때문입니다. 원하시는 폰트를 골라보시길 바랍니다. 웹 폰트..

[티스토리] 코드 블록 디자인: highlight.js 적용 방법

안녕하세요! 오늘은 티스토리 블로그에서 제공하는 기본 코드 블록 대신, 테마에 어울리는 코드 블록을 적용하는 방법에 대해 소개해보려고 합니다. 몇 번의 시행착오 끝에 테마 컬러와 어느 정도 일치하는 코드를 성공적으로 적용했습니다. 플러그인 설정 확인 먼저, 플러그인을 확인해 보겠습니다. [블로그 관리> 플러그인] 메뉴에 들어갑니다. 티스토리 블로그는 기본적으로 Syntax Highlight가 적용되어 있습니다. 해당 메뉴에서 Syntax Highlight 관련 플러그인을 찾아 확인합니다. 만약 활성화되어 있다면, 해당 플러그인을 해제합니다. 테마찾기 highlight.js 에서 원하는 디자인 찾습니다. https://highlightjs.org/demo : 이 링크에서는 직접 언어를 선택하고 코드를 작성..