본문 바로가기

프로그래밍 언어349

[bootstrap] 부트스트랩 – .table 클래스 태그에 .table 선택자를 사용하면 각 행의 아래에 테두리가 있는 테이블이 만들어집니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – samp 태그 – 프로그램 실행 결과 출력을 나타낼 때 부트스트랩에서 태그는 프로그램 실행 결과 출력을 나타낼 때 사용하며 코딩 폰트로 나타납니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – var 태그 – 코드의 변수를 표시하며 이탤릭체로 전환 부트스트랩에서 태그는 코드의 변수를 표시하며 이탤릭체로 전환됩니다. 2016. 1. 25.
[java] java decompiler인 jad 파일 다운로드 및 사용법(class 파일을 java로 변환) 가끔은 class 파일 안의 소스를 보고 싶을 때가 있는데요.java 파일을 compile한 게 class 파일이고, class 파일을 decompile하면 java 파일이 됩니다.그리고, java 파일을 decompile 해주는 프로그램이 있는데 그게 바로 jad라는 프로그램입니다. 공식적으로 class로 변환된 파일은 보안상 decompile 할 수 없는 게 맞기 때문에java.sun.com에서 jdk를 배포할 때 decompiler는 제공하고 있지 않습니다. http://varaneckas.com/jad/jad 파일은 여기서 다운받으시면 됩니다. 다운로드 받은 jad.exe 파일을 환경변수 path에 아래 그림을 따라 등록하시구요. cmd로 명령프롬프트를 열어서 아래 명령어로 압축을 풀면 됩니다. .. 2016. 1. 25.
[bootstrap] 부트스트랩 – pre 태그 – 수직 스크롤바 부트스트랩에서 태그를 사용하면 배경색과 테두리가 생기는데요. 코드가 많을 경우, .pre-scrollable 클래스로 max-height가 340px로 제한되면서 수직 스크롤바가 나타납니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – pre 태그 – 배경색과 테두리가 만들어 집니다. pre 태그를 사용하면 배경색과 테두리가 만들어집니다. 단락 구분을 하거나 여러줄의 코드를 보여줄 때 유용합니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – kbd 태그 – 키보드로 입력한다는 것을 알려주는 용도 태그는 부트스트랩에서 키보드로 입력한다는 것을 알려주기 위해 사용합니다. 2016. 1. 25.
[jQWidget] 멋진 챠트와 그래프, 트리, 그리드 등을 서비스하는 라이브러리 jQWidgethttp://www.jqwidgets.com/jquery-widgets-demo/ 제가 프로젝트를 하다가 챠트와 그래프, 트리, 그리드가 너무 잘 만들어진 라이브러리가 있어 추천합니다.예제도 많고하고 잘 만들었고 또 따라하기 쉽게 잘 설명되어 있더라구요. 챠트, 그래프, 트리, 그리드 외에 탭, 툴팁, Colorpicker 등 현재 총 56개의 컴퍼넌트들을 제공하고 있습니다. 챠트를 한번 들어가 봤는데... 챠트만 해도 너무너무 다양한 챠트들을 다 지원하고 있더군요.웬만한 챠트나 그래프는 다 있다고 보시면 됩니다. [View Source]를 선택하면 샘플 소스가 보입니다.txt 파일과 JSON, XML 방식으로 데이타를 읽어서 그래프를 읽는 방식의 두가지 예제가 있습니다. 트리건 챠트건 그.. 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.