본문 바로가기

분류 전체보기751

[bootstrap] 부트스트랩 – 수평 폼(Horizontal Form) 레이블과 폼 요소가 가로로 배열된 형태입니다. .form-horizontal 선택자를 사용하고 label과 input 태그를 분리하기 위해서 그리드 선택자를 사용합니다. input 태그로 감싸고 이 div 태그와 label 태그에 그리드 선택자를 추가합니다. 2016. 1. 27.
[bootstrap] 부트스트랩 – 인라인 폼(Inline form) 인라인폼은 가로로 배열된 형태로 태그에 .form-inline 클래스를 사용합니다. file input 에서 lable과 파일 선택 버튼이 세로로 되는데 가로로 보이게 하려면 이렇게 style=”display:inline-block”이라고 넣어주어야 합니다. 레이블이 있고 플레이스홀더의 내용이 중복되는데요. 이럴 경우 레이블을 제거해서 레이블이 나타나지 않게 할 수 있겠지만, 레이블이 없으면 스크린 리더를 사용하는 사용자는 어떤 내용인지 알 수 없게 되어 웹 접근성에 위배됩니다. 이럴 때에 lable 태그에 .sr-only 선택자를 사용합니다. 이 선택자를 사용하면 평상시에는 나타나지 않지만 스크린 리더가 읽을 수 있는 상태가 됩니다. (스크린 리더 : 시력에 장애가 있는 사람을 위해 글자를 읽어주는 기.. 2016. 1. 27.
[Wordpress] 워드프레스로 멀티사이트 만들어 운영하기 저는 까페24에서 호스팅해서 워드프레스를 설치해서 사용하고 있습니다.다국어로 운영을 하고 싶어서 WPML 플러그인까지 유료로 구입해서 사용을 했는데 말이죠.그런데, 막상 다국어를 플러그인으로 운영을 해보니 생각했던 것과는 좀 달라서 아예 다른 사이트로 분리해서 운영을 해야겠다는 생각이 들었습니다.찾아보니 워드프레스가 멀티사이트를 지원하더군요.즉, 워드프레스를 하나 설치해서 여러개의 사이트를 동시에 운영할 수 있다는거죠. 그래서, 한번 쭉~ 설치를 해봤습니다. 1. 모든 플러그인 비활성화하기멀티사이트를 설치하기 전에 모든 플러그인을 비활성화해야 합니다. 2. wp-config.php 파일에 멀티사이트 허용 소스 추가하기워드프레스 루트에 있는 wp-config.php 파일을 열어서 /* That's all,.. 2016. 1. 26.
[bootstrap] 부트스트랩 – 폼(form)의 기본 형태 폼의 기본 형태는 다음과 같습니다. … 이 기본 형태 아래에 입력상자 같은 폼의 요소들을 추가하면 됩니다. .form-control 선택자는 입력상자의 스타일을 만들고 너비를 100%로 만들어주므로 input이나 textarea에는 반드시 사용하며, 같은 input 태그라도 type이 file일 때에는 필요하지 않습니다. 2016. 1. 26.
[bootstrap] 부트스트랩 – 반응형 테이블 부트스트랩에서는 화면 폭이 좁을 때(768px 이하) 하단에 스크롤바가 나타나며 수평으로 스크롤해서 테이블을 볼 수 있게 했습니다. 태그 외곽에 태그로 감싸서 .table-responsive 클래스를 추가하면 반응형 테이블로 사용할 수 있습니다. … 2016. 1. 26.
[bootstrap] 부트스트랩 – 테이블(table) 문맥 클래스(class) 부트스트랩은 에 몇 가지 색상이 있는 클래스를 정의해서 사용합니다. 이를 테이블 태그에 사용하면 행이 해당 색상으로 나타나게 됩니다..active : 특정 행이나 셀에 마우스 오버 색상 적용 .success : 성공 또는 긍정적인 작업 표시 .info : 중립적인 정보 변경이나 작업 표시 .warning : 주의를 필요로 ㅎ는 경고를 표시 .danger : 위험 또는 잠재적으로 부정적인 작업 표시 2016. 1. 26.
[bootstrap] 부트스트랩 – .table-condensed 클래스 태그에 .table-condensed 클래스를 추가하면 셀 패딩이 반으로 감소돼 작은 크기의 테이블이 됩니다. 2016. 1. 26.
[bootstrap] 부트스트랩 – .table-hover 클래스 태그에 .table-hover 클래스를 추가하면 테이블에 마우스를 올렸을 때 마우스 커서가 있는 행이 다른 색으로 변합니다. 즉, mouseover 효과가 생깁니다. 2016. 1. 26.
[bootstrap] 부트스트랩 – .table-bordered 클래스 태그에 .table-bordered 선택자를 추가하면 모든 셀에 테두리가 만들어 집니다. 2016. 1. 26.
[bootstrap] 부트스트랩 – .table-stripe 클래스 태그에 .table-stripe 선택자를 추가하면 한 줄 건너 배경색이 달라지는 스트라이프 형태의 테이블이 됩니다. 2016. 1. 26.
[bootstrap] 부트스트랩 – .table 클래스 태그에 .table 선택자를 사용하면 각 행의 아래에 테두리가 있는 테이블이 만들어집니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – samp 태그 – 프로그램 실행 결과 출력을 나타낼 때 부트스트랩에서 태그는 프로그램 실행 결과 출력을 나타낼 때 사용하며 코딩 폰트로 나타납니다. 2016. 1. 25.
[bootstrap] 부트스트랩 – var 태그 – 코드의 변수를 표시하며 이탤릭체로 전환 부트스트랩에서 태그는 코드의 변수를 표시하며 이탤릭체로 전환됩니다. 2016. 1. 25.
[구글] Google 크롬(Chrome)에 구글 번역 확장 프로그램 설치해서 필요한 단어나 문장 번역해서 보기 구글 크롬에 구글 번역 확장 프로그램을 설치하면 영어나 중국어 모르는 단어가 나왔을 때 따로 사전을 찾아볼 필요가 없습니다.원하는 단어나 문장을 마우스로 드래그하면 바로 번역된 내용을 확인할 수 있거든요.이거 언어 공부하는 사람들에게 정말 편리한 기능이라 강추합니다. 아래 그림을 따라 설치하시면 됩니다. 이렇게 구글 번역 확장 프로그램이 설치되었다면 이제 확인해 볼까요?저는 중국어 웹페이지로 가서 알고싶은 단어를 마우스로 드래그해 보았습니다. 선택된 단어에 사전 아이콘이 하나 생기는데 그걸 클릭해보면 번역된 내용을 확인할 수가 있네요. 드래그 하자마자 사전 아이콘 없이 번역된 내용을 바로 팝업으로 보고 싶다면 아래처럼 설정을 바꾸시면 됩니다. 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.

티스토리툴바