본문 바로가기

IT

iOS 테마가이드 - 특정 어플 테마 적용 (Bundle Idnetifier) 가장 자주 쓰이는 어플인 카카오톡을 사용해서 알아보도록 하겠습니다. 일반 어플은 아이펀박스로 접속했을때 User Application 안에 있으며, 아이파일이나 다른 경로로 접근시에는 //var/mobile/Applications/어플리케이션 폴더와 같은 형식이 됩니다. iFunbox로 접근시에는 다음과 같은 화면을 볼수 있습니다. 그러나 iFile로 접근시에는 어플의 이름이 7CF23BB7-1CF0-4AA1-BC80-05394B2C90C0과 같은 알수 없는 문자로 뜨게 됩니다. 그래서 옵션을 켜서 이를 읽을수 있게 바꿔줘야합니다. iFile을 실행한뒤 설정>파일관리자>어플리케이션 이름 보기 옵션을 켭니다. 일단 어플 아이콘의 구성부터 살펴 보겠습니다. 일반적으로 거의 모든 어플들이 아이패드 용과 아이폰.. 더보기
디스커스 관리자 메뉴 기능 알아보기 디스커스 관리자 화면 입니다. 여러가지 사이트의 댓글 창을 하나의 계정으로 관리할수 있습니다. 토론(Discussions) 텝에서는 현재 댓글이 달린 글의 상태와 댓글 잠그기 기능을 제어할수 있습니다. 블로그 이전이나 서비스 전환시에 코맨트 내용을 이전시킬수 있습니다. 다른 댓글 플렛폼의 데이터를 디스커스로 이전시킬수 있습니다. 통계란에서는 현재 댓글 수와 추천수를 볼수 있습니다. 설정 텝에서는 세부 정보를 입력할수 있습니다. *Install 버튼은 스킨을 바꾸거나 했을때 이곳에서 다시 코드를 가져다 쓸수 있게 해줍니다. Appearance (외관) Color Scheme은 어두운색과 밝은색이 있고 Auto로 해놓으면 현재 자신의 블로그에 링크 색상과 글꼴 색상에 맞추어 뜨게 됩니다. Typeface는 .. 더보기
라이브리를 당장 티스토리에서 떼어 내야하는 이유 10가지 제가 라이브리를 이틀남짓 쓰다가 플러그인 적용을 해제해 버렸습니다. 그 이유를 몇가지 들어보겠습니다. 1. 외부 플러그인 주제에 속도가 너무 느리다. 보통 외부에서 제공하는 이런 소셜 댓글 플러그 인은 빠른 속도가 생명입니다. 특히 요소를 외부에서 호출 해오기 때문에 원래 사이트의 로딩속도를 떨어뜨리기 쉽습니다. 그래서 일단 빠른게 가장 중요한데 그점에 있어서 라이브리는 형편 없습니다. 구글에서 제공하는 페이지 스피드 크롬 익스텐션으로 검사를 해보면 라이브리 플러그인을 당장 제거 할것을 추천하는 것을 보실수 있습니다. 2. 사진을 올리기가 불편하다. 일단 사진을 3개 밖에 못 올립니다. 게다가 콩알만한 섬네일로 띄워줍니다. 지금이 시대가 어느시대인데 아직도 파인더로 파일 찾아서 올려야 됩니다. 디스커스 .. 더보기
디스커스 댓글 창 기본 기능 알아보기 디스커스를 설치했으니 디스커스 댓글 입력 화면을 알아보도록 하겠습니다. (설치 방법은 여기) 전체적인 댓글 창의 모습입니다. 디스커스 댓글 입력 창은 이렇게 생겼습니다. 로그인 한 상태의 모습이며, 자신이 프로필 난에 지정한 사진이 옆에 뜨게 됩니다. 토론 참여하기 부분을 눌러서 코맨트 메시지를 입력하면 됩니다. 코맨트 난은 컨텐츠 자동 인식 기능이 있어서 사진 주소를 붙여넣으면 사진이 뜨고, 유투브 주소를 붙여넣으면 유투브가 자동으로 뜹니다. 가장 왼쪽 버튼은 코맨트 정렬 방식을 바꾸는 버튼입니다. 우수는 가장 추천 수가 많은것, 최신은 가장 최근 것부터, 오래된 순은 그 역순으로 정렬합니다. 커뮤니티 버튼은 현재 사이트에서 댓글이 달리고 있는 상황을 볼수 있습니다. 인기 대화를 통해서 가장 댓글이 많.. 더보기
티스토리에 디스커스 소셜 댓글 플러그인 달기 디스커스(Disqus)라는 코맨트 시스템에 대해서 들어보신적이 있으신가요? 국내 웹 이외에 해외 웹을 돌아다니시는분들에게는 익숙한 이름일지도 모릅니다. 저같은 경우에는 TNW과 IGN에서 처음 보았고 영국 톱기어 매거진 홈페이지가 작년에 개편과 함께 디스커스를 도입하면서 저도 디스커스에 가입을 하게 되었습니다. 이전에는 공식 홈페이지에 회원가입을 해서 댓글을 다는 방식이었는데 그게 쓸만은 했지만 그렇게 썩 좋지는 않았습니다. 사실 소셜 댓글 플러그인이라면 정말 종류가 많습니다. 우리가 흔히 알고있는 페이스북 댓글 플러그인도 있고, 티스토리와 제휴하여 기본플러그인으로 사용할수 있는 라이브리도 있습니다. 특히 라이브리는 거의 모든 언론사 사이트에 달려있을 정도로 널리 확산되어 있습니다. 하지만 제가 라이브리.. 더보기
Prototype 스킨 제작 후기 초기에 블로그를 오픈할때 사용하였던 Cognoscenti 스킨은 제가 직접 하드 코딩을 하긴 했지만 여러가지 삐걱거림과 알 수없는 문제들에 시달렸습니다. 속도면에서는 일반 티스토리 스킨에 비해서 이미지를 거의 쓰지 않았기 떄문에 빨랐지만 코딩능력의 부족으로 꽤 볼품 없는 스킨 인것은 부정할수 없습니다. 스킨 제작을 위해서 열심히 구글링과 공부를 하다보니 프레임웍이라는 것을 알게 되었습니다. 기본적으로 사이트에서 사용되는 요소들을 미리 만들어 놓고 이를 활용하여 편하게 웹페이지를 제작할수 있게 하는 도구 입니다. 그래서 무슨 프레임 웍을 쓸까 알아보던중 선택한 것이 부트스트랩 이었습니다. 물론 여러가지 프레임 웍이 웹상에 있지만 부트스트랩으로 만들어진 트위터와 GitHub를 보면서 "그래도 많이 쓰는게 좋.. 더보기
Ver 1.1로 업글 + 속도 최적화 1.1 업데이트 - 페이지별 스타일을 추가했습니다. 태그로그/로컬로그/방명록/메인화면/게시글/미디어로그(현재는 아무것도 없습니다.)/키로그에 따로 배경스타일을 추가했습니다. 직접들어가서 한번보세요 ^^ 맥용 이미지 최적화 어플인 Image Optim으로 전체 이미지를 60%정도 압축했습니다. 온라인 YUI 압축기로 자바스크립트 파일을 하나로 합쳤습니다. gZip 파일을 직접 쓰고 싶긴한데 이게 서버단에서 php로 읽어들여야 하는 거라서 티스토리는 그게 불가능하기 때문에 포기입니다. gZip쓰면 속도가 3배는 빨라질텐데..... 쩝. CSS파일을 하나로 합쳤습니다. 코드 수정용으로는 비압축을 쓸것이지만 실사용으로는 압축파일을 사용합니다. 더불어 HTML도 압축을 했습니다. 이전에는 Quote까지 다 지워버.. 더보기
Introducing Prototype 제 3번째 자작스킨인 Prototype을 공개합니다. 지금 부터 새 스킨의 주요 기능을 설명드리겠습니다. HTML5 시멘틱 구조 도입 시멘틱 구조를 통해서 SEO에 최적화 되어있습니다. 이전스킨도 HTML5 기반이었지만 소심하게 쓴것에 비해서 이번에는 Section, Article 시멘틱 태그를 적극활용했습니다. HTML5, CSS3 웹 표준 검사 통과 본 스킨의 HTML마크업과 CSS스타일링은 W3C 웹표준을 엄격히 준수합니다. Mobile-First 티스토리 최초의 모바일 퍼스트 스킨입니다. 구성요소를 크기만 줄여서 재활용하는 대신 각 스크린 사이즈에 맞는 요소들을 따로 만들어 더 쾌적한 사용환경을 제공합니다. *모바일퍼스트: 웹페이지를 제작할때 PC버전의 크기를 줄이는 기존 방식 대신 반대로 모바일.. 더보기
스킨 제작 일지 - 거의 완료 검색 잘됩니다. 이상하게도 티스토리에서 제공해준 구조대로 짜야지 검색이 먹히네요 -_-; 이제 소소한 버그 잡기와 세부 스타일링을 하고 있습니다. 플러그인도 몇개만 설치하면 끝나겠내요 이거만들다가 감기 제대로 걸렸습니다. 아오 죽겠내 -_- 더보기
스킨 제작 상황 - 끝없는 삽질의 연속 테스트 용 블로그에 적용 성공했습니다.사진을 보시면 아시듯이 좀 깨집니다.사실 좀 많이 깨져요.일단 안되는 것 나열 해보면검색안됨. 메인화면 안뜸. 티스토리 툴바 안뜸. 최근 글 안뜸. 댓글 작성 안됨. 방명록 안써짐. 단축키 안됨(이건 이해가 안되네요 -_-),안됨 안됨 안됨 하여튼 다 안됨아... 멘붕입니다. -_-body 안에 태그를 전부 갈아엎어야 할것 같네요티스토리 기본 스킨 내용물 긁어다가 그대로 복붙하고 그거 바탕으로 스타일링하는게 더 빠를것 같습니다.xhtml로 된건 시멘틱 태그로 바꿔주고.... 아이고 힘들어... 더보기

티스토리툴바