본문 바로가기

Tech-tips

iOS6 테마강좌 - 윈터보드를 이용해서 시스템 폰트 교채하기 (번외) 강좌라고 하기는 뭐하고 팁이라고 보시면 됩니다. 폰트를 교체하기 위해서 수정해줘야 할 info.plist 명을 알아보려고 합니다. 여러번 삽질을 해보았는데, Neue UI 폰트는 죽었다 깨어나도 변경이 안됩니다. -_-; 이 부분은 필히 TTC로 만들어서 넣어야 합니다. 그것 이외에 Helvetica 폰트는 그냥 윈터보드로 덮어 씌우는게 가능합니다. 윈터보드로 교체하는 것의 가장 큰 장점은 UPM을 손보지 않아도 됩니다. 폰트 파일을 바꿔치기 할때 UPM이 원본과 똑같이 않으면 시스템 전체 폰트가 틀어지는 현상이 발생하니까요 애플고딕, 애플 산돌 고딕 네오도 전부 변경이 가능합니다. 굳이 새로 한글 폰트를 제작할 필요없이 커스텀 폰트를 추가하고 그 커스텀 폰트 이름을 가지고 윈터보드에서 사용하시면 됩니다.. 더보기
iOS6 테마강좌 - 커스텀 폰트 시스템에 설치하기/윈터보드를 이용해서 시스템 폰트 교채하기 (심화) 이번에는 시스템에 설치된 폰트를 사용하여 윈터보드 폰트를 교체하는 것이 아니라, 시스템에 "직접" 폰트를 설치해서 사용하는 방법을 알아보겠습니다. 이 방법은 상당히 발전한 방법 중 하나입니다. 제가 생각하기에 가장 리스크가 적고 벽돌의 염려가 없는 방법이기도 하고요. 테마 파일만 몇개 만들어 놓으면 기분에 따라서 여러가지 폰트를 바꿔서 사용할 수도 있습니다. 이 강좌를 통해서 외부 폰트를 시스템에 추가하는 방법을 보여드릴것이고요, 옛날 방식인 TTC 교체 강좌도 보여드릴겁니다. TTC교체 강좌도 일반 카페나 블로그에서 보시던것과는 다릅니다. 사실 TTC를 쉽게 푸는 방법에 대해서는 거의 정보를 찾을수가 없어서 그냥 스스로 연구해서 해결했습니다. TTC 강좌를 왜 따로 하냐면, Helvetica Neue .. 더보기
iOS6 테마강좌 - 윈터보드를 이용해서 시스템 폰트 교체하기 (기초) 윈터보드 테마에는 info.plist라는 파일이 들어갑니다. 이 파일은 주로 스프링 보드 상의 요소, 특히 택스트 요소의 형태를 설정하는 용도로 사용 되는 파일입니다. 이 택스트 스타일을 지정하는 코드는 CSS를 사용합니다. 특히 CSS의 속성 중하 나인 font-famliy 를 사용하게 되면 폰트를 교체할수 있는데요, 이 점을 활용해서 시스템 폰트를 바꿀수 있습니다. 이 방법이 좋은 점은 벽돌이 된다던지, 아니면 무한 리스프링에 빠진다던지 하는 일이 없이 간편하게 적용이 가능하며, 윈터보드에서 테마를 끔으로써 간편하게 원본 폰트로 되돌아 갈 수 있습니다. 사용자 폰트를 추가하지 않고 교체하는 방법은 시스템 폰트 리스트(http://est0que.tistory.com/811)에 있는 폰트중 원하는 것을 .. 더보기
디스커스 댓글 플러그인으로 수익 창출하기 디스커스는 매우 강력하고 편리한 소셜 댓글 플렛폼입니다. 기본 기능만으로도 충분히 좋은데 거기 한술 더 떠서, 디스커스에서는 개인 사이트나 블로그 운영자들을 위한 수익창출 모델을 들고 나왔습니다.그 수익 모델의 이름은 디스커버리 입니다. 디스커버리는 디스커스에서 만든 수익 시스템으로 댓글 상단이나 하단에 작은 광고나 링크를 표시하여 관리자에게 수익을 지급하는 구조입니다. 간단히 설명하면 디스커버리는 디스커스 댓글창에 CPC광고를 노출시키게 됩니다. 이 광고는 기업이나, 다른 디스커스를 언론 매체일수도 있습니다. 댓글난에 달리는 디스커버리를 통해서 얻는 수익은 해당사이트의 댓글시스템을 관리하는 디스커스 관리자에게 수익으로 지급됩니다. 디스커스의 수익모델인 디스커버리에 대해서 자세히 알고 싶으신분은 다음 문.. 더보기
이글루스 장점과 단점 및 티스토리와 비교분석 이글루스 분점 개점 3일차 입니다. 타 블로그 서비스(특히 티스토리)를 사용하다가 이글루스를 쓰면서 느낀 점을 소상히 적어보도록 하겠습니다. 여기서 장점과 단점은 이글루스 기준입니다. 장점 -robots.txt 수정이 가능하다. 네이버나 다음 블로그는 절대 불가능하며, 네이버 블로그는 구글 같은 외부 검색 조차 차단합니다. (검색엔진 등록이 아무 소용 없습니다. 네이버가 고의적으로 외부 크롤링을 차단합니다.) 티스토리 마저도 robot.txt는 수정하지 못하게 되어있기 때문에 구글이나 빙에서 제공하는 별도의 메타태그를 넣어 검색엔진의 크롤링이 가능하게 만들어줘야 합니다. -툴바의 기능이 좋다. 사실 티스토리 처럼 거의 쓸모없는 장식 수준에 툴바가 아닌 것은 마음에 듭니다. 게다가 커스텀 설정이 가능하여,.. 더보기
iOS 테마 강좌 - 윈터보드로 바꿀수 없는 유일한(?) 시스템 파일 윈터보드는 bundles 경로나 .app, .framework, .bundles 경로를 알면 이미지 파일이 아니더라도 어떤 파일이든 교채 할 수있습니다. 하지만 이것이 불가능한 시스템 파일이 딱하나 있는데요 바로 poster.thumbnail@2x.png 입니다. 이 파일은 바탕화면을 선택하러 들어가면 맨 위에 떠있는 연꽃사진 인데요, 이것은 윈터보드로 바꿀수 없습니다. 그래서 할 수없이 이 파일을 교체하려면 다음 경로로 들어가서 파일을 덮어 씌우기 해야합니다. //Library/Wallpaper/iphone/poster.thumbnail@2x.png 더보기
티스토리에 디스커스 최근 코맨트 위젯 설치하기 디스커스 플러그인도 설치했겠다 편리한 블로그 생활을 영위하고 있습니다. 하지만 티스토리 기본 댓글 플러그인은 사이드 바에 별도의 위젯이 있어 댓글이 달리는 것을 볼수 있지만 디스커스는 그런게 없어서 불편하시다고요? 사실 디스커스도 있습니다. 공식으로 제공하는 최근 댓글 위젯이 존재 "했었"습니다. 하지만 지금은 공식 홈페이지나 관리 페이지 어디를 가도 어디 위젯을 구할수가 없습니다. 도대체 누가 먹어버렸을까요? 사실은 아무도 먹지 않았습니다. 디스커스가 죽여버렸어요. 으앙 쥬금 ㅠ GitHub의 Nerd들을 위해서 API를 공개하는 대신에 기존 위젯은 사이트 개편과 함께 폐기 처분 되었습니다. ㅠㅠ 디스커스 코맨트 위젯 하지만 다음뷰가 개편후에도 이전에 단 위젯을 그대로 쓸 수 있듯이 이전에 퍼간 위젯 .. 더보기
Youtube에서 HTML5 플레이어를 기본으로 사용하기 아시다시피 유투브는 오래전부터 어도비 플래시기반입니다. 이는 플레시에서 동영상스트리밍을 하기가 편하고 별도의 복잡한 과정을 거치지 않고 어도비 플래시만 깔려있다면 영상을 재생할수 있는 용이함 때문입니다. 하지만 시대는 흐르고 HTML5라는 새로운 표준이 탄생하면서 비디오 재생을 본격적으로 지원합니다. H.264는 웹환경에서 차세대 동영상 포맷으로 각광받게 되며, 구글은 이에 질세라 WebM이라는 코덱을 개발합니다. 이와같이 전세계는 보안 허점 많고 구리고 느려터진 플래시를 버리고 새로운 세계를 향해 나아갈 준비를 하고 있습니다. 허나 아직까지 HTML5는 도입된지 얼마되지 않아 최신 브라우저도 100%기능활용을 다 못하고 있는 실정입니다. 유투브도 마찬가지로 스마트폰 열풍이 불때 아이폰이나 아이패드같은 .. 더보기
iOS 테마 강좌 - Info.plist 파해치기(테마 폰트 스타일 적용) 윈터보드(Winterboard)를 이용하면 iOS전반에 적용되는 택스트 파일의 스타일을 지정할 수 있습니다. 이는 윈터보드 없이 구현 할수 없는 것으로, 윈터보드의 주요한 기능중 하나입니다. 이 기능은 테마폴더 안에 위치하는 Info.plist 라는 xml 문서로 설정이 가능한데, 문서는 xml이지만 내용물은 pure CSS이므로 초보자도 문제 없이 설정 할 수 있습니다. info.plist의 기본적인 모습. 위에 헤더와 푸터부분이 있어야 인식이 됩니다. info.plist를 만들기 위해서는 예제로 첨부된 파일을 사용하세요. BadgeStyle color: #ffffff; font-weight:100; Info.plist에서 스프링보드에 스타일을 적용하기 위해서 사용되는 프로그램 언어는 CSS입니다. 프.. 더보기
iOS 시스템 폰트 리스트 Info.plist를 사용하면 여기 있는 폰트를 시스템 폰트로 적용 할수 있습니다. - info.plist 파해치기 (테마 폰트스타일 적용)모든 폰트가 적용 가능 한것은 아니며, 특정 스타일요소에만 사용가능하고, 특히 LockClock 같은 경우에는 폰트를 심하게 가려서 몇몇 폰트는 적용이 잘 안될 수도 있습니다. AcademyEngravedLetPlain AmericanTypewriter AmericanTypewriter-Bold AmericanTypewriter-Condensed AmericanTypewriter-CondensedBold AmericanTypewriter-CondensedLight AmericanTypewriter-Light AppleColorEmoji AppleSDGothicNeo-.. 더보기

티스토리툴바