본 블로그에 폰트를 이것저것 적용해보다가 디자이너 분께 적절한 폰트에 대해 질문을 드릴 기회가 있었다. 세리프 폰트는 모바일 환경에서 특히 눈을 더 피곤하게 만들 것 같아 산 세리프 쪽으로 얘기를 했는데... 요즘 디자인 쪽 폰트 양대 산맥이 Pretendard랑 Gmartket Sans라는 답변을 들었다. Pretendard는 본문에 특히 좋은 것 같다고 판단해서 블로그 본문에는 Pretendard를 적용했다. 본문을 제외한 사이드 바 등등에는 Gmarket Sans를 적용했다. 두 폰트 모두 산 세리프지만 스타일 자체가 서로 많이 달라 한 눈에 구분도 되고, 여러모로 만족스러움.
지금까지 사용해오던 Square 스킨을 무려 3년만에 교체했다. 스킨 자체엔 아무 문제가 없었지만, 커져가는 해상도 환경에서 뭔가 좀 갑갑해보이는 면이 있기 때문이었다. 이왕 변경하는 김에 그간 수정하려고 생각만 한 부분들을 함께 고쳐보았다. 1. 스킨 앞에서 얘기했듯 스킨은 친효스킨을 선택했다. 2. 글꼴 기존 블로그에선 구글에서 제공하는 웹 글꼴들을 사용했는데, 다 걷어내고 리디 바탕체를 단독으로 사용하기로 했다. 이 글꼴은 리디북스로 유명한 리디주식회사에서 공개한 글꼴이다. Syntax Highlighter 등을 위해서는 D2Coding의 웹폰트를 적용했다. 이 과정에서 성능과 용량 최적화를 위해 이상진 님의 Webfont 사용과 최적화를 참고했다. 3. 수식 지금까지 수식을 표현하기 위해서 mat..
티스토리의 좋은 기능 중 하나는 2차 도메인을 편하게 사용할 수 있다는 점이다. 그런데, 얼마 전부터 로그인을 해도 로그인 상태로 진입하지 못하는 애매한 문제가 발생했다. 처음엔 카카오(티스토리)의 잘못으로 생각했는데, 공지사항을 보니 브라우저들의 보안 정책 변경이 원인이었다. 즉, 구글 등의 입장은 티스토리 같은 방식으로는 2차 도메인 쓰지 말라는 것이다. 티스토리가 개선방안을 찾겠다고 하니, 일단 기다려야 되는 상황이고. 기다리는 동안 댓글 기능을 정상적으로 사용할 수 있는 우회로를 만들기로 했다. 개념은 간단하다. 2차 도메인으로 접속하면 기본 도메인 주소로 돌려주는 것. 블로그 스킨 편집 화면에서 아래와 같은 스크립트를 헤더 영역 최상단에 배치하면 이 우회로를 적용할 수 있다. 물론, 아래의 코드..
오랫동안 기다려왔던 티스토리의 HTTPS 지원이 드디어 이루어졌다! 본 블로그도 이제 https://teus.me가 기본 주소가 되었다! 왜 굳이 HTTP 대신 HTTPS를 써야 하는지는 워낙 많은 글에서 찾아볼 수 있으니 한마디로 얘기하면…더욱 안전하게 블로그를 사용할 수 있다! 2년여 전에 꿀뷰와 반디집 등으로 유명한 반디소프트도 HTTP 만을 지원하다 외부 공격에 의해 문제가 발생하는 일이 있었을 정도로 HTTPS의 지원은 필수이다. 게다가, HTTPS가 암호화/복호화를 거치며 더 느릴 것이란 생각도 이미 깨진지 오래다. HTTPS가 중요한 이유는 구글에서 나온 글을 보면 될 것 같고, 기술적인 면은 한국데이터진흥원이나 생활코딩의 글을 보면 된다. 그리고, 티스토리의 설정은 티스토리의 알림글을 참고..
2016/06/26 - PayPal을 통한 후원을 받기로 했습니다 지금까지 PayPal을 통해 후원을 받았습니다. 후원해주신 많은 분들께 진심으로 감사드립니다. 그런데, 지난 4월경부터 우리나라 사용자끼리 송금이 되지 않도록 변경되면서 PayPal을 통한 후원이 힘든 상황이 되었습니다.여러가지 대안을 찾아봤지만, 쓸만한 서비스가 없었습니다. 그래서, 고심 끝에 계좌를 공개합니다. 계좌는 위와 같고, 블로그 헤더에서 마우스 커서를 올리는 것으로 간단하게 확인할 수 있습니다.또한, 프로그램들에서도 같은 계좌를 확인할 수 있도록 수정하고 있습니다. 후원해주신 분들께선 블로그 댓글/방명록에 내용을 적어주시면 더욱 감사하겠습니다. 본 블로그에서 다운받은 프로그램들을 유용하게 사용하신 분들의 많은 후원을 기다리겠습..
한동안 블로그에 웹 폰트를 적용했다 다시 일반 폰트로 바꿨다.어떠한 환경에서도 동일한 화면을 보여준다는 장점이 무색하게 어떠한 환경에서도 글자가 보기 싫었기 때문이다. 그러다가 단비와도 같은 글을 PPSS에서 만났다: 한국어와 웹 폰트에 관한 6.1가지 사실 글자가 보기 싫었던 문제는 의외로 간단하게 해결이 가능했다. 1. 단지 윈도우 환경에서만 발생2. 화면을 눈에 띄지 않게 회전시키는 것만으로도 보정이 가능함 위의 글에선 0.0000000001도를 돌리는 것으로 css를 썼는데, 파이어폭스에선 그렇게 하면 아예 반응이 없다.아래와 같이 0.001도 정도가 적절한 듯. h1, h2, div.article, div.communicateList, div#sidebar{ transform: rotate(-0..
이제부터 PayPal을 통한 후원을 받기로 했습니다.블로그 상단을 보시면 아래와 같은 후원 버튼이 있습니다. 본 블로그에서 다운받은 프로그램들을 유용하게 사용하신 분들의 많은 후원을 기다리겠습니다. 꾸벅. 덧1. PayPal 결제 버튼 만드는 순서는 아래와 같음 판매 도구에서 판매자 기본설정 클릭 PayPal 버튼의 시작하기 클릭 PayPal 결제 버튼 생성 덧2. 전화 상담 번호가 틀려있음 아래 화면과 같이 65-6510-4650으로 나오는데, 이건 싱가포르 전화번호임.02-3483-1131로 전화해야 함.이 부분은 홈페이지 업데이트 과정에서 추후 갱신될 예정이라고 함. 덧3. 은행 계좌번호 등록시 전화 상담 필수임. 온라인으로만 처리하기엔 뭔가 기능이 다소 미흡함
아주 오랜만에 블로그 스킨의 내부를 보강했다.Syntax Highlighter와 MathQuill을 업데이트하고 이와 관련된 XRegExp와 jQuery를 최신화. 1. Syntax Highlighter 현 시점에서 Syntax Highlighter의 최신 안정화 버전은 3.0.9이다.3.0.83을 사용하고 있었는데, 이제야 최신 버전인 3.0.9로 업데이트.사실 3.0.84라고 붙여야 하는데, 원작자의 실수로 3.0.9라고 붙였다고… 여기에 추가해서 몇 가지 수정을 가미함 1. XRegExp를 2.0.0에서 3.0.0으로 업데이트 2. 사용하던 코드에 내가 손 댄 부분 중에서 어이 없는 오류가 발견되어 수정 3. Bash, JScript 브러쉬의 최신 버전 수정사항 일부 반영 4. 레지스트리 용 브러쉬..
Doo Be Doo 스킨을 반년 정도 사용했다.큰 불만 없이 사용해왔는데, 알고 보니 댓글 기능에 문제가 있었다. 디버깅을 하려다 포기하고 스킨 자체를 바꾸기로 했다.선택한 스킨은 반응형 스킨의 대세 FastBoot 1.6.1. 데스크탑에서는 대략 아래와 같은 모습을 보이고… 모바일에서는 대략 아래와 같은 모습을 보여준다… 그런데, 이 스킨은 구글 크롬에서는 각주가 밀려 나오고, Syntax Highlighter에선 뭔가 좀 어색한 등의 사소한 버그가 있다. 이런 문제들을 종합적으로 해결하려면 style.css 하단에 아래와 같은 내용을 추가하면 된다. .mathquill-rendered-math sup { font-size: 0.6em!important;} div.syntaxhighlighter { o..
요즘 대세(?)인 반응형 스킨이 티스토리용으로도 나왔다.그 중 Ungki(H 님)님이 만든 두비두를 선택했다.1단(두비두)과/2단(스파이더웹)을 모두 배포하는데, 1단의 깔끔함이 더 좋아 이 쪽으로 선택. 그런데, (어느 스킨이나 다 그렇듯) 이 스킨 역시 아주 약간 손 댈 필요가 있다. - 모바일웹 스킨 OFF로 설정 - 헤더 이미지 교체헤더 이미지는 당연히 교체해야 되고, 크기를 바꾼다면 지침에 따라 css를 약간 수정해야 한다. - 애드 센스애드 센스를 설치한 경우 반응형에 맞는 애드 센스를 설치하는 것이 좋다. - 오류 수정본 스킨엔 아주 약간의 버그가 있다.모바일 모드에선 이미지 아래의 캡션 정렬이 조금 이상하고, 슬라이드쇼의 버튼 배열도 어색하다.또, 일부 브라우저에서 각주 등이 오동작하거나,..
그동안 5년여동안 1000여개의 글을 올렸던 기존 블로그를 재부팅합니다. 글이 쌓이면서 사소한 문제들(?)이 있었는데, 한방에 해결하기 위해 리부팅을 선택했습니다. 기존 블로그에 대한 간단한 정리. - '07. 6. 28에 첫 글을 올린 뒤 '12. 3. 10까지 5년여동안 유지 - 총 1117개의 포스팅 - 플러그인 형식으로 BBCode, Syntax Highlighter, JWPlayer 등을 우겨넣음 - 만연체로 긴 글을 종종 쓰면서, 넓은 화면폭만 유지함 물론, 기존 블로그 데이터는 그대로 유지하며, 도메인은 재계약하지 않을 예정입니다.
