목록분류 전체보기 (240)
web sprit
Sublime Text 3 (서브라임 텍스트) 나눔고딕코딩 폰트 적용
서브라임을 사용할 일반적으로 나눔고딕코딩 폰트를 많이 사용한다고 하네요~ㅎ나눔고딕코딩 폰트는 나눔고딕 폰트와 다르게 브라우저단 화면에 적용되지 않습니다.순수 코딩작업에 적용되는 폰트지요. 적용 방법은 무진장 쉬우니 그냥 보고 따라오시면 됩니다. 네이버에 나눔고딕코딩 이라고 검색하셔도 되고네이버 개발자센터에 가서 다운 받으셔도 됩니다.URL : http://dev.naver.com/projects/nanumfont 다운 받은 파일을 설치!!! 이렇게 존재 하네요 ㅎㅎ 그럼 Sublime Text 에 적용 해보겠습니다. Preferences > Settings-User 눌러 설정화면을 띄웁니다. 변경 전12345678 { "ignored_packages": [ "Vintage" ]} cs 변경 후123456..
Sublime Text 3 (서브라임 텍스트) 라이센스(License) 등록방법
이 글은 Sublime Text 3 Build 3114 기준으로 작성 하였습니다.서브라임 라이센스 틍록 방법에 대하여 글을 작성해 보도록 하겠습니다. 방법은 아주 간단합니다. 설치시에 등록하여도 되지만 설치 후에 등록하는 방법에 대하여 쓰려 합니다. 우선 Sublime Text 를 실행해 줍니다. 위 화면과 같이 Help >> Enter License 를 클릭합니다. 그럼 다음과 같은 화면이 나옵니다. 빨간 테두리에 라이센스 키를 입력한수 Use License 버튼을 누르면 끝!!!참 쉽습니다. ^^ 인증된 것을 확인하려면 다시Help >> About Sublime Text 를 눌러줍니다. 그러면 쨘~!!! 인증된 것을 확인하실 수 있습니다.
Sublime Text 3 (서브라임 텍스트) 패키지 설치방법 및 유용한 패키지 소개
Sublime text를 욱더 막강한 코딩 툴로 만들기 위해 여러가지 유용한 패키지를 설치 해야 합니다. 패키지 설치 방법은 다음과 같습니다. Package 설치 방법1. Ctrl + Shift + P 를 누릅니다. (패키지 콘드롤을 이용하여 패키지 설치.)2. PCI 를 입력하면 Package Control: Install Package 부분에서 엔터!!!3. 기다리면 패키지 검색란에서 원하는 패키지 검색 후 설치. 유용한 Package1. Emmet (Zencoding)Emmet은 Zencoding 이라고도 불리며 코딩하는 사람들은 모두 알것입니다. 줄임말로 순식간에 원하는 코딩을 할 수 있습니다.단축키는 Tab 이나 Ctrl + E 로 제공됩니다.ex) HTML : ul>li*5 (ul안에 li 5..
Sublime Text 3 (서브라임 텍스트) 플러그인 설치
서브라임을 설치했다면기본적으로 해야할 작업이 있습니다.Sublime Package Control 을 설치하여 기타 여러가지 확장기능을 설치할 수 있는데요.그럼 바로 설치 해보도록 하겠습니다.! 그럼 console 창에 입력해야할 소스를 가져와야 합니다.'Package Control' 공식 사이트로 가서 자신이 설치한 버전의 소스를 복사해 옵니다.'Package Control' 공식 사이트 URL : https://packagecontrol.io/installation#st3 Sublime text를 실행해 주세요.실행 후 ctrl + ` 을 누르면 아래와 같은 화면이 나옵니다. 아까 복사해 왔던 내용을 console 에 입력하여 Enter!!!근데 뭔가 에러가 뜬다. 처음부터 설치할 때 서브라임 텍스트3..
Sublime Text 3 (서브라임 텍스트) 설치방법
막강 코딩 툴 Sublime Text 3 를 설치 해보기로 한다.나도 아직은 많이 낯설다. 기존의 Editplus 를 사용한 유저이기 때문에 처음부터 차근차근 Sublime Text 에 대해 파헤쳐 보려 한다. 우선 공식 사이트를 들어가 다운 받아보도록 한다.URL : https://www.sublimetext.com/3 다음은 서브라임의 메인 화면 이다. 빨간 테두리 박스안에서 자신에게 맞는 OS 버전을 다운받으면 된다.나는 Window 64bit 이기 때문에 파란 테두리를 클릭하여 다운 받았습니다. 참고로 현제 Build 3114 버전이네요~ㅎ 설치파일이 다운받아졋네요. 그럼 과감히 더블클릭을 합니다.!!! 그럼 다음과 같은 화면을 보실 수 있습니다. 이제 Sublime Text 설치가 완료 되었습니..
다음과 같이 jQuery로 select box 를 제어할 수 있는 방법을 정리해 보았습니다.참고 바랍니다. 선택된 값(value) 가져오기1234 $("#selectBox option:selected").val();$("select[name=name]").val(); Colored by Color Scriptercs 선택된 내용 가져오기123 $("#selectBox option:selected").text(); Colored by Color Scriptercs 선택된 옵션의 갯수 구하기123 $('#selectbox option').size(); cs 선택된 옵션의 index 값 구하기123 $('#selectbox option').index($('#selectbox option:selected'));..
[jQuery] 셀렉트박스(selectbox) 꾸미기
select 를 꾸미는 건 쉽지 않다. 브라우저마다 css 값도 다르게 적용되어 지고 제한되는 부분도 많이 때문에 원하는 디자인 변경이 불가한 경우도 있다. 기존의 select 를 꾸며주는 플러그인들이 많지만 접근성을 해치는 방식으로 꾸며주기 다반사다. select를 커스터마이징 해줄 때 다음과같이 이용한다. HTML1234567891011 선택해 주세요 선택해 주세요 선택1 선택2 선택3 선택4 Colored by Color Scriptercs CSS12345.select-script{position:relative; width:200px; height:40px; line-height:40px; border:1px solid #606976; border-radius:4px; text-transform:..
[jQuery] radio 버튼 꾸미기 (radio 버튼 선택 유무 체크)
그대로의 radio 버튼을 사용하여도 되지만작업을 하다보면 커스터마이징 해야하는 경우가 있다. 그때를 대비해서 미리 준비해 봅니다. 아래와 같이 적용해 줍니다. HTML12345678910111213141516171819 라디오버튼1 라디오버튼2 라디오버튼3 Colored by Color Scriptercs CSS12345678.radio-list{width:300px; margin:20px auto 0;}.radio-list li{position:relative; font-size:13px; color:#000; border:1px solid #e2e2e2; background:#fbfbfb; padding:6px 10px; margin-bottom:-1px;}.radio-list li.active{f..
Window + L >>> 잠금화면 전환