내 비밀번호가 얼마나 강력한지 알기 위해 비밀번호를 입력하면 해독하는데 걸리는 시간을 나타내주는 사이트 입니다. https://www.security.org/how-secure-is-my-password/ How Secure Is My Password? | Password Strength Checker Data breaches and identity theft are on the rise, and the cause is often compromised passwords. After stealing credentials, cybercriminals can use passwords to www.security.org
해당글은 hello 스킨을 기준으로 작성되었습니다. 서론 블로그의 스킨을 바꾸면 포스트의 이미지와 본문 폭이 안 맞는 경우가 있습니다. 이런 식으로 이미지가 본문폭을 벗어나 더 크게 나와서 가독성을 해치는 경우가 있습니다. 이런 경우 티스토리에서 기본 제공하는 기능을 이용해서 이미지 사이즈를 조정할 수는 있지만, 포스트 작성 화면에서는 이미지가 본문폭보다 큰지 알 수 없어 미리 보기를 왔다 갔다 해야 한다는 번거로운 점이 있습니다. 그렇다고 모든 이미지를 일괄적으로 으로 지정하게 되면 크기가 본문폭 보다 훨씬 작은 이미지의 경우 강제로 크기가 커져 가독성을 해치게 됩니다. 그렇다면 항상 을 사용하면서 본문폭 보다 큰 사이즈의 이미지만 크기를 줄이도록 해야 합니다. 이미지 사이즈 조절을 위한 코드 수정하기..
헬로스킨은 다크모드/라이트 모드를 지원하기 때문에 코드블럭이 그에 따라 변하는데요, 이를 원하는 테마로 바꾸고 고정시키는 방법을 알아보겠습니다. 코드블럭 테마변경 우선 코드하이라이트 테마를 고릅니다. https://highlightjs.org/static/demo/ highlight.js demo highlightjs.org 샘플을 보고 원하는 테마를 골라 이름을 복사합니다. 티스토리 관리자 페이지에 접속 shift + Q -> 스킨 편집에 들어갑니다. html편집에 들어가지 마시고 스킨편집 메인 페이지에서 스크롤을 내리다 보면 위 항목이 나옵니다. 헬로 스킨은 이렇게 코드 하이라이팅 테마 지정 기능을 지원하기 때문에 새로 html 코드를 수정하지 않아도 됩니다. 아까 복사했던 테마를 붙여넣고 대문자는 ..
블로그를 하다 보면 내 블로그가 다른 블로그보다 속도가 좀 느리구나 생각이 들 때가 있습니다. https://pagespeed.web.dev/analysis/https-naado-tistory-com/nezoa3s98q?form_factor=mobile PageSpeed Insights 올바른 URL을 입력하세요. pagespeed.web.dev 위 사이트는 구글에서 제공하는 웹페이지 속도 측정 사이트입니다. 접속하여 내 블로그 주소를 입력하면 진단 결과가 나옵니다. 제 사이트의 모바일 성능은 48점으로 낮은 편인데, 그 원인에는 너무 큰 이미지 용량이 있습니다. 저는 포스팅할 때 주로 화면 스크린샷을 사용하는데, png에 24bit 컬러라 용량이 꽤 나가 그것이 문제가 된 것 같습니다. 검색을 해보니 ..
티스토리에 개발 관련 포스팅을 하다보면 코드를 삽입해야 할 일이 많습니다. 그런데 티스토리에서 기본적으로 제공하는 플러그인의 코드블럭 테마들은 가독성이 떨어지고 줄 번호가 보이지 않아서 불편 한 점이 있습니다. 그래서 원하는 테마로 변경하는법, 줄 번호 넣는법, 기타 스타일 수정방법을 알아보았습니다. ● 최종 결과물 #include int main(void) { printf("hello, world\n"); return 0; } ● 과정 https://highlightjs.org/ highlight.js Version 10.7.2 This is a patch release. The only change is that deprecation messages are throttled and shown only..
