썸네일 이미지
Let's Encrypt v1 종료 내일부로 letsencrypt의 v1인증이 종료됩니다. 2020-07-02 이후로 더 이상 v1을 이용해 신규발급이 불가합니다. 기존 발급자는 2021년 6월 까지 갱신이 가능하고 그 이후로는 완전히 종료됩니다. 티스토리가 2020-06-24 ~ 2020-06-26에 인증서 신규발급 오류를 겪었는데, 이 기간은 letsencrypt v1에서 letsencrypt v2로 업데이트하라고 서비스를 일시중지하는 마지막 날짜입니다. 서비스 운영측에서는 일시중지 기간동안 오류를 확인하고 대부분 업데이트를 하게됩니다. 그 기간동안 온갖 뇌피셜 글들이 떠돌았지만, 블로그 인증서 발급지연 원인은 letsencrypt v1의 letsencrypt v2로 이전을 위한 갱신 일시중단 때문으로 예상됩니다. (라고 나도 뇌피셜 ..
GIF를 쓰지 말아야 하는 이유 GIF(Graphics Interchange Format)파일은 움직이는 이미지를 보여줄 수 있는 이미지파일입니다. 흔히 움짤(움직이는 자투리 사진)이라고 부릅니다. 그런데 GIF파일을 굳이 사용할 필요가 없습니다. 1. 용량 문제 GIF파일은 똑같은 화질의 MP4등 동영상파일과 비교했을때 10배정도 용량이 큽니다. 다양한 압축이 적용되는 동영상 파일에 비하여 GIF는 압축이 부족합니다. 용량이 큰 문제는 서버측과 사용자측에 모두 안 좋습니다. 서버측 단점 : 서버용량 차지 + 서버 대역폭 소모량 증가 사용자측 단점 : 많은 대역폭(데이터)사용 2. 성능 문제 GIF는 성능상 문제가 많습니다. 구형 휴대폰으로 GIF가 많은 사이트를 여는경우 작업이 중지되거나 매우 오랜 시간이 걸립니다. 또한, 재생시 C..
썸네일 이미지
오버워치 랜덤 조준선 생성기 종류 원 십자선 원 및 십자선 점 굵기 1 십자선 길이 25 중앙 공간 30 불투명도 80 윤곽선 불투명도 50 점 크기 6 점 불투명도 100 랜덤 조준선 생성하기 최근에 "랜덤 숫자 뽑기"의 유입과 댓글로 오버워치 조준선 얘기가 있길래 뭔가 하고 찾아보니 최근 오버워치 유튜버와 스트리머가 랜덤으로 조준선 뽑기로 진행한 컨텐츠가 인기를 끌면서 많은분들이 한번씩 해보시는 걸로 보입니다. 숫자 설정하고 뽑고 하려면 귀찮은 작업이 될수도 있으므로 오버워치 전용 랜덤 조준선 생성기를 제작하였습니다. 이용방법 1. "랜덤 조준선 생성" 버튼을 클릭합니다. 2. 한번에 전부 생성됩니다. (종류까지 랜덤으로 생성됩니다.) 제가 요즘 딱히 게임을 하는게 없고 오버워치도 안하는 사람이라 틀린내용이 있을 수 있습니다. ..
한국에서 블루호스트 비추천하는 이유 많은 블로거, 유튜버가 블루호스트를 추천합니다. 이유는 단순합니다 다른사람이 가입후 구입시 일부 돈을 주는 방식으로 마케팅을 하기 때문입니다. 절대로 해외에 있는 서버에서 운영되는 페이지가 한국에서 빠를수 없습니다. 해외에서 운영하고 주 방문자가 해외라면 해외 서버를 이용하는 서비스를 사용하면 됩니다. 한국에서는 한국서비스가 빠릅니다. 인터넷 속도에는 대역폭도 있지만 반응속도(ms : 밀리세컨드, 1/1000초)가 중요합니다. 왜냐면 웹사이트는 동영상과 달리 매우 가벼운 용량이며, 얼마나 빠르게 서버에 요청후 응답이 돌아오는지가 중요합니다. 멀리있으면 그 만큼 느려지는건 당연합니다. 웹 호스팅 관련 글도 작성한적 있으니 대략적인 필요사양을 알아보실 수 있습니다. 서버 운영 경험이 없다면 직접 운영은 추천..
썸네일 이미지
2020-06-25 티스토리 스킨오류? JQuery라고 하는 자바스크립트 프레임워크가 변동되었습니다. 말이 프레임워크지 wraper입니다. 나는 굳이 쓸필요가 없다고 생각하고 개발속도도 안쓴것과 차이가 없다고 생각하는데 기존에 쓰던게 있어서 그런지 많이 씁니다. JQuery에 의존하는 스킨들에 버전이 변경되면서 일부 스킨이 영향을 받았습니다. 변경사항 기존에 티스토리는 JQuery를 로딩하여 oldJQuery, JQuery로 처리.. JQuery 의 $를 tjQuery로 변경 후 안 되돌려 놓음 티스토리 포럼에 스킨이 이상해졌다는 글.. 해결방법 해결방법으로는 스킨에 맞는 JQuery버전을 로드한 후 스킨의 JS파일을 처리해줘야됩니다. 티스토리가 제공한 북클럽에서도 오류가 발생했으므로 설계상 오류가 있는 스킨이라고 볼수있습니다. 적어도 무료스..
CSS 선택자로 유튜브 링크에 아이콘 넣기 CSS의 선택자 중 HTML의 속성 값(attribute)를 선택할 수 있는 선택자가 있습니다. [] 대괄호 a[href="https://hi098123.tistory.com/"]{ color:blue; } 위의 코드는 a태그의 href속성값이 https://hi098123.tistory.com/ 인 경우를 의미합니다. 정확히 일치하면 a태그의 색상은 파란색이 될것입니다. 링크에 아이콘 넣기 아래의 코드는 *=을 이용하여 포함하는 경우를 지칭합니다. contain, indexOf, instr 등의 함수를 생각해볼 수 있습니다. a[href*="//www.youtube.com"]:before,a[href*="//youtube.com"]:before{ content: '\ec32 '; font-family:..
CSS) list-style 다양한 종류 (list-style-type) list-style-type 표준으로 제공되는 스타일을 우선적으로 알아 볼 예정입니다. none HTML 삽입 미리보기할 수 없는 소스 list-style-type: none none는 아무 기호가 없습니다. disc HTML 삽입 미리보기할 수 없는 소스 list-style-type: disc disc는 기본값으로 많은 목록에 쓰입니다. circle HTML 삽입 미리보기할 수 없는 소스 list-style-type: circle; circle은 가운데가 비어있는 원 모양 입니다. square HTML 삽입 미리보기할 수 없는 소스 list-style-type: square; square은 정사각형 모양입니다. decimal HTML 삽입 미리보기할 수 없는 소스 list-style-type: deci..
썸네일 이미지
네이버 웹마스터 도구 업데이트 디자인 변경 : Material 스타일으로 요즘 많이 사용되는 디자인의 버튼스타일로 변경되었습니다. UI도 반응형으로 모바일의 경우 앱디자인처럼 변경되었습니다. 콘텐츠 확산 : 백링크가 더 자세하게 기존 100+, 1+ 등으로 단순히 표기되던 항목이 자세히 표기되도록 변경되었습니다. 정확한 값을 이제 확인 가능합니다. 그래프가 좀 더 보기 좋게 그래프가 변경되었습니다. 네이버(NHN) Toast의 그래프를 이용한다. MIT라이센스로 무료로 공개되어있는 라이브러리입니다. 또한 우측상단의 버튼으로 내보내기 기능이 추가되었습니다. 다양한 파일로 그래프를 다운받을 수 있습니다. 버그 발생 : 검증 - robots.txt robots.txt 간단 생성에 blog.gamja.me 라는 모르는 블로그가 떠있습니다. ..