728x90
반응형
- 티스토리 코드 블록에 yaml 적용 방법2024-04-08 12:59:27티스토리(tistory) 블로그에서도 다양한 코드 블록을 제공하지만 간혹 yaml과 같이 제공되지 않는 형식이 있어 답답하여 검색해 봤고 highlight.js를 알게 되었다. 추가 설치 등과 같은 번거로운 작업이 필요 없고 글 작성할 때 HTML 모드로 변경한 후 pre 태그를 조금 수정하면 된다. 아래 코드는 yaml 형식을 지정한 경우이다. data-ke-language 속성에 highlight.js를 입력하고 class 속성에 yaml을 입력하면 된다. highlight.js를 이용해 티스토리에서 제공하지 않는 다양한 포맷들을 적용할 수 있다. 😉 highlight.js 깃허브 참고 : https://github.com/highlightjs/highlight.js/blob/main/SUPPORTE..
- [개발일기] 이런 발칙한 코드!2022-05-23 13:53:03모 테크 블로그의 게시글을 보고 있는데 내가 누르지도 않은-하트 모양-공감 버튼이 빨간색으로 변해 있었다. 공감 버튼을 클릭해서 빨간색을 없애고 새로 고침 해봤다. 그 직후 스크롤을 내려 공감 버튼을 관찰하였다. 아니나 다를까 몇 초 후 공감 버튼의 색이-자동으로-빨갛게 변했다. 소스보기로 코드를 살펴보니 setTimeout을 이용해 3초 후에 자동으로 공감 버튼을 클릭하는 코드가 존재했다. 그런 게 가능하다고? 이 게시글에 해당 코드를 붙여 놓았다. 눈을 크게 뜨고 스크롤을 내려 공감 버튼을 지켜보시라! 이런 발칙한 코드는 게시글을 평가하는-소중한-나의 권리를 빼앗아 버렸다. 웃고 넘어갈 문제라 치부할 수도 있겠지만 진지하게 바라보아야 할 일이다!
728x90
반응형