Smart Sense

블랙베리(BlackBerry)는 2002년에 캐나다의 블랙베리가 개발한 스마트폰이다. PDA와 유사하게 주소록, 캘린더 서비스, 일정 목록 등을 갖추고 있지만, 가장 큰 특징은 전자 메일 위주의 서비스에 적합하게 손가락으로 누를 수 있는 쿼티(QWERTY) 컴퓨터 자판과 유사한 키보드 단추가 내장된 것을 들 수 있다. 기기의 가운데에 있는 스크롤 볼로 시스템 메뉴 이동이 가능하며, 일부 기종에서는 푸시 투 토크(말할 때는 단추를 누르고, 들을 때는 떼어 양방향 통화가 가능하도록 하는 무전기의 기본 통화방식으로 일대다 수의 통화가 가능함) 기능을 쓸 수 있다. 이러한 특징들이 미국과 유럽의 기업인들에게 큰 인기를 끌면서 2008년에는 세계적으로 130개국 이상 1,900만 명 이상이 사용했다. 하지만 자체..

Smart Trend 2015. 10. 15. 15:31

티스토리 블로그에서 본문내에 이미지를 첨부할 경우에 사진의 배경과 본문의 색상이 같을 경우, 이미지와 본문의 구분이 모호해진다. 이럴 경우는 CSS 편집을 통해 이미지파일의 테두리선을 만들어서 구분선을 만들수 있다. 이미지파일의 구분선을 만들기 위해서는 티스토리 관리페이지에서 HTML/CSS 편집을 선택 후, CSS 항목에 다음과 같이 추가하도록 한다. .imageblock { max-width: 100%; height: auto; border:1px solid #eaeaea; padding: 0px; } - border 항목은 선의 굵기이다. 테두리를 사용하지 않을려면 해당항목을 0px로 조절하면 된다.- #eaeaea 항목은 웹컬러의 색상코드이다. 해당 부분을 수정하면 다른색상으로 적용할 수 있다.-..

HTML/CSS 2015. 9. 18. 17:01

티스토리 블로그의 메인페이지는 최근 포스팅 글이 첫페이지로 지정되어있다. 티에디션을 통해서 메인 페이지를 변경하는 방법도 있다. 하지만 이럴경우는 기존의 디자인과 어울리지 않는 부분도 발생하므로 기존 디자인이 적용된 다른 페이지로 변경하는 방법을 알아보도록 하자. 티스토리 블로그 내에서 티에디션을 사용하지 않고, 메인 페이지를 보여주기 가장 적당한 것은 전체 카테고리 페이지이다. 최근 작성 순으로 모든 포스팅 목록이 보여주기 때문에 이용자 측면에도 블로그내 원하는 정보를 찾기에 용이하다. 때문에 해당 포스팅에서는 전체 카테고리 페이지를 메인 페이지로 설정한 구문을 예로 하며, skin.html 부분을 해당 스크립트를 안에 삽입하도록 한다. var urlAddr = decodeURIComponent(loc..

HTML/CSS 2015. 9. 4. 14:40

CSS(Cascading Style Sheets)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어이며, HTML과 XHTML에 주로 쓰인다. 마크업 언어가 웹사이트의 틀이되는 구조를 담당한다면 CSS는 사이트의 스킨과 같은 디자인적인 역할을 담당한다고 할 수 있다. 그러므로 HTML구조는 그대로 두고 CSS 파일만 변경해도 전혀 다른 웹사이트처럼 꾸밀 수 있다. CSS의 가장 큰 특징은 위에서 아래로 차례로 읽혀지며 적용되기대문에 중복된 구문이 적용순서가 같은 경우는 아래에 있는것이 우선순위가 제일 높게 적용된다. 이러한 경우에는 중복된 속성중에 !important 를 사용하면 뒤에 있지 않더라도 중복된속성에서 우선적용시킬 수 있게된다. .sample {font-family: Nanum Barun G..

HTML/CSS 2015. 8. 5. 16:25

티스토리 블로그에서 글 작성중 외부에디터 등을 통해 텍스트를 작성하거나 텍스트를 붙여넣을 경우 폰트와 폰트 사이즈가 서로 달라지는 경우가 발생한다. 티스토리 에디터 작성시에는 문제가 보이지 않지만, 게시물을 보게되면 폰트 사이즈가 제각각으로 가독성을 떨어진다. 이럴경우는 style.css 수정문구를 삽입하면 본문의 폰트 사이즈를 고정할수 있다. style.css 편집창에서 다음과 같은 스크립트를 추가한다. .article * { font-size: 13px !important; } 해당 스트립트의 경우는 폰트 크기는 13px으로 되어있지만, 필요에 따라서 변경하여 사용하면 된다. 또한 폰트 사이즈 외로 폰트까지 고정할 경우 아래 포스팅 내용을 적용하도록 한다. [HTML/CSS] 티스토리 블로그, 웹폰트..

HTML/CSS 2015. 7. 8. 16:18

웹 사이트나 블로그를 운영하는 사람이라면 방문자들의 방문형태를 분석이 필요하다. 방문자의 방문패턴이나 체류시간, PV 등의 다양한 행동패턴을 분석하기 위해서는 구글 웹로그 분석이나 네이버 애널리틱스 등의 이용하면 이에 대한 다양한 형태로 분석이 가능하다. 이런 다양한 분석툴 중에 구글 웹로그 분석의 경우는 가입형 블로그인 네이버 블로그, 다음 블로그 같은 방식에서는 사용할 수 없다. 직접 블로그의 html script 코드를 편집할 수 있는 준설치형 블로그인 티스토리 블로그와 설치형 블로그인 텍스트큐브와 워드프레스에서 사용할 수 있다. 이러한 구글 애널리틱스에 대한 설치방법은 다양한 블로그에서 안내하고 있기에 생략하도록 한다. 해당 글에서는 구글 웹로그 분석을 설치하고, 생기는 첫번째 문제일수 잇는 중복..

HTML/CSS 2015. 7. 6. 16:03

웹사이트를 많은 사람들이 사용하면서 이제는 폰트디자인도 중요한 부분으로 자리를 잡고 있다. 하지만 기본으로 시스템 폰트와 블로그상에서 기본적으로 사용할 수있는 폰트는 제한적이다. 이전까지는 다양한 폰트를 사용하고 싶은 사람들은 텍스트를 꾸미기 위해 이미지로 만들어서 사용하기도 했지만, 웹폰트 적용이 가능해진 이후에는 이러한 일은 제한적만 사용하게 되고 있다. 물론 단점이 없는 것은 아니다. 웹사이트의 텍스트를 읽어들이기위해 폰트파일을 다운로드 해야한다. 그 사이동안은 텍스트가 보이지 않으며, 서버상태가 좋지않을 경우는 텍스트가 노출되기까지 많은 시간이 걸릴수도 있다. 이러한 단점에도 불구하고 폰트의 사용은 좀더 많은 작업을 수월하게 할수 있는 장점이 있기에 사용을 권장하는 부분이다. 그럼 웹폰트 적용에 ..

HTML/CSS 2015. 6. 29. 14:06

블로그 운영시에 다수의 경우를 표를 적용해야 할 경우가 같다. 하지만 티스토리의 표는 그리 친절하지 못한다. 우선 가장 큰 문제는 표 적용시에는 본문 최대사이즈로 적용되면서 추후 사이즈 변경하거나 모바일 환경에서 처럼 본문사이즈가 변경될 경우는 표의 잘림현상이 발생하게 된다. 이럴경우는 표를 화면 최적화를 하거나, 스크롤바 기능 적용하여 해결해야 한다. 아래의 방법 중에서 용도에 맞게 적용하면 된다. 티스토리 글쓰기에서 이지웍 모드에서 표를 만든다. 그리고 HTML 모드로 변경할 경우, 일반적으로 표 구문은 다음과 같다. ...... 테이블 구문에서 화면 최적화를 위한 부분은 고정사이즈로 된 width 부분이다. 본문폭에 따라 고정사이즈로 정해지는 데, 다음과 같이 고정된 width 를 퍼센트로 고치면 ..

HTML/CSS 2015. 6. 24. 09:47