본문 바로가기

분류 전체보기751

[bootstrap] 부트스트랩 – pre 태그 – 수직 스크롤바 부트스트랩에서 태그를 사용하면 배경색과 테두리가 생기는데요. 코드가 많을 경우, .pre-scrollable 클래스로 max-height가 340px로 제한되면서 수직 스크롤바가 나타납니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – pre 태그 – 배경색과 테두리가 만들어 집니다. pre 태그를 사용하면 배경색과 테두리가 만들어집니다. 단락 구분을 하거나 여러줄의 코드를 보여줄 때 유용합니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – kbd 태그 – 키보드로 입력한다는 것을 알려주는 용도 태그는 부트스트랩에서 키보드로 입력한다는 것을 알려주기 위해 사용합니다. 2016. 1. 25.
[어플] 카카오톡 음성인식 꽤 잘 되네요~ 카카오톡을 하다가 자판에 음성인식 아이콘이 있어서 한번 해봤는데 생각보다 꽤 잘 되네요. 이모티콘이나 기호는 직접 입력해야하는 불편함이 있지만 그 외에 음성은 거의 잘 인식하는 편입니다. 제 생각엔 제 폰이 갤럭시노트5니까 구글의 음성인식을 가져다 썼을 것으로 보이긴 합니다만.. 자판 두드리기 귀찮을 때, 심심할 때 재미로 한번 해보는 것도 재밌을꺼 같네요. 2016. 1. 24.
[구글] Google 크롬(chrome)으로 웹페이지 번역 이용하기 -> Google 번역 기능이 있는 chrome 사용하기 영어로 된 페이지는 해석은 되더라도 속도가 더디고 완벽하게 해석이 잘 되지 않는 경우가 많은데요. 저같이 영어 수준이 보통 이하라면 더욱 더 그럴 겁니다. 그래서, 사전을 많이 찾게 되는데요. (물론, 번역기가 있지만 번역기보다 웬만하면 해석해서 사용하려고 노력하는 편이랍니다.) 그러나, [Google 번역 기능이 있는 chrome]을 사용하면 사전이 필요 없답니다. https://www.google.co.kr/chrome/browser/promo/translate/index.html 여기 들어가셔서 Google 번역 기능이 있는 chrome을 설치하기만 하면 끝~!!! 설치가 다 됬다면 영어가 있는 웹페이지를 열어볼까요? 궁금한 단어를 마우스로 드래그하시면 아래와 같은 한영사전 아이콘이 그 옆에 나타납.. 2016. 1. 20.
[jQWidget] 멋진 챠트와 그래프, 트리, 그리드 등을 서비스하는 라이브러리 jQWidgethttp://www.jqwidgets.com/jquery-widgets-demo/ 제가 프로젝트를 하다가 챠트와 그래프, 트리, 그리드가 너무 잘 만들어진 라이브러리가 있어 추천합니다.예제도 많고하고 잘 만들었고 또 따라하기 쉽게 잘 설명되어 있더라구요. 챠트, 그래프, 트리, 그리드 외에 탭, 툴팁, Colorpicker 등 현재 총 56개의 컴퍼넌트들을 제공하고 있습니다. 챠트를 한번 들어가 봤는데... 챠트만 해도 너무너무 다양한 챠트들을 다 지원하고 있더군요.웬만한 챠트나 그래프는 다 있다고 보시면 됩니다. [View Source]를 선택하면 샘플 소스가 보입니다.txt 파일과 JSON, XML 방식으로 데이타를 읽어서 그래프를 읽는 방식의 두가지 예제가 있습니다. 트리건 챠트건 그.. 2016. 1. 20.
[갤럭시노트5] 메뉴보기 버튼이 없어서 앱 사용이 힘들다면 보조메뉴를 사용하자 갤럭시노트5는 전반적으로 다 마음에 드는데 딱 하나 왼쪽 하단의 메뉴버튼이 없어서 기존에 잘 쓰던 어플의 메뉴를 볼 수 없는 경우가 있더라구요. 그래서, 다른 비슷한 어플을 깔아서 사용하던 차에 [보조메뉴]라는 걸 알게 되어 지금은 그 어플을 잘 쓰고 있습니다. 먼저, 상단바를 드래그해서 [설정 > 접근성 > 동작 및 입력 > 보조메뉴]를 클릭하세요~ 사용중으로 하시구요. 이제 메뉴를 볼 수 없었던 어플을 열어서 우측 하단의 보조메뉴 아이콘을 클릭하세요. 짜잔~ 옵션더보기 아이콘을 클릭하면 아래처럼 메뉴가 펼쳐집니다. 이걸 몰라서 그동안 못 쓰고 있었네요~ 알려주신 분께 감사 드립니다^^ 2016. 1. 20.
[bootstrap] 부트스트랩 – code 태그 태그로 HTML 태그에 강조의 효과를 나타낼 수 있습니다. 2016. 1. 20.
[bootstrap] 부트스트랩 – 목록(list), ol, ul 태그 목록을 나타내는 기본 태그는 ol, ul 인데요.ol : 순서 있는 목록 ul : 순성 없는 목록 불릿 기호나 순서가 목록 앞에 나타나게 되는데요. 부트스트랩에서는 불릿기호를 제거하려면 ul 태그에 .list-unstyled 선택자를 사용하면 됩니다. 과일 채소 .list-inline 선택자를 사용하면 목록이 좌우로 배열됩니다. Lorem ipsum dolor sit amet Nulla volutpat aliquam velit Faucibus porta lacus fringilla vel 목록 태그를 사용하면 기본적으로 목록이 들여쓰기 돼 있으나 부트스트랩 선택자를 사용하면 하위 목록을 포함해 들여쓰기가 모두 제거됩니다. 들여쓰기가 제거되는 것이 기본 설정이며 일정한 선택자의 배열이 있는 경우, 예를들어.. 2016. 1. 20.
[bootstrap] 부트스트랩 – kbd 태그 – 키보드로 입력한다는 것을 알려주는 용도 태그는 부트스트랩에서 키보드로 입력한다는 것을 알려주기 위해 사용합니다. 2016. 1. 20.
[bootstrap] 부트스트랩 – 인용(blockquote) 인용할 때는 태그를 사용합니다. 인용의 출처를 표시하기 위해 와 태그를 사용하여 글자를 흐리고 작게 할 수 있습니다. 글자를 오른쪽으로 정렬할 때는 .blockquote-reverse 선택자를 사용합니다. 2016. 1. 19.
[bootstrap] 부트스트랩 – 약어(title) 표시 부트스트랩에서 abbr 태그를 사용하면 약자를 본래 글자로 표시하는 기능을 하며 부트스트랩에 의해 물음표 표시가 나오기도 합니다. .initialism : 글자를 90%로 작게하고 대문자로 만듭니다. 부트스트랩에서는 글자가 가려지지 않게 오른쪽 아래에 약어가 표시됩니다. 2016. 1. 19.
[bootstrap] 부트스트랩 – 트랜스폼 클래스(Transformation classes)/대소문자 변경 부트스트랩의 영문 글자를 대문자 또는 소문자로 바꾸는 기능입니다..text-lowercase : 모두 소문자로 변경 .text-uppercase : 모두 대문자로 변경 .text-capitalize : 단어의 첫 글자만 대문자로 변경 Lowercased text. Uppercased text. Capitalized text. 2016. 1. 19.
[bootstrap] 부트스트랩 – 글자 정렬 클래스 부트스트랩에서 글자를 정렬하는 선택자입니다..text-left : 왼쪽 정렬 .text-center : 가운데 정렬 .text-right : 오른쪽 정렬 .text-justify : 긴 문장의 좌우 끝을 정렬(특히, 오른쪽 끝에 톱니 현상 방지) .text-nowrap : p 태그 내부의 문장을 한줄로 만들며 레이아웃의 범위를 벗어나게 합니다. 2016. 1. 19.
[bootstrap] 부트스트랩 – 약어(title) 표시 부트스트랩에서 abbr 태그를 사용하면 약자를 본래 글자로 표시하는 기능을 하며 부트스트랩에 의해 물음표 표시가 나오기도 합니다. .initialism : 글자를 90%로 작게하고 대문자로 만듭니다. 부트스트랩에서는 글자가 가려지지 않게 오른쪽 아래에 약어가 표시됩니다. 2016. 1. 19.