web sprit

서브라임을 사용할 일반적으로 나눔고딕코딩 폰트를 많이 사용한다고 하네요~ㅎ나눔고딕코딩 폰트는 나눔고딕 폰트와 다르게 브라우저단 화면에 적용되지 않습니다.순수 코딩작업에 적용되는 폰트지요. 적용 방법은 무진장 쉬우니 그냥 보고 따라오시면 됩니다. 네이버에 나눔고딕코딩 이라고 검색하셔도 되고네이버 개발자센터에 가서 다운 받으셔도 됩니다.URL : http://dev.naver.com/projects/nanumfont 다운 받은 파일을 설치!!! 이렇게 존재 하네요 ㅎㅎ 그럼 Sublime Text 에 적용 해보겠습니다. Preferences > Settings-User 눌러 설정화면을 띄웁니다. 변경 전12345678 { "ignored_packages": [ "Vintage" ]} cs 변경 후123456..

이 글은 Sublime Text 3 Build 3114 기준으로 작성 하였습니다.서브라임 라이센스 틍록 방법에 대하여 글을 작성해 보도록 하겠습니다. 방법은 아주 간단합니다. 설치시에 등록하여도 되지만 설치 후에 등록하는 방법에 대하여 쓰려 합니다. 우선 Sublime Text 를 실행해 줍니다. 위 화면과 같이 Help >> Enter License 를 클릭합니다. 그럼 다음과 같은 화면이 나옵니다. 빨간 테두리에 라이센스 키를 입력한수 Use License 버튼을 누르면 끝!!!참 쉽습니다. ^^ 인증된 것을 확인하려면 다시Help >> About Sublime Text 를 눌러줍니다. 그러면 쨘~!!! 인증된 것을 확인하실 수 있습니다.

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..

서브라임을 설치했다면기본적으로 해야할 작업이 있습니다.Sublime Package Control 을 설치하여 기타 여러가지 확장기능을 설치할 수 있는데요.그럼 바로 설치 해보도록 하겠습니다.! 그럼 console 창에 입력해야할 소스를 가져와야 합니다.'Package Control' 공식 사이트로 가서 자신이 설치한 버전의 소스를 복사해 옵니다.'Package Control' 공식 사이트 URL : https://packagecontrol.io/installation#st3 Sublime text를 실행해 주세요.실행 후 ctrl + ` 을 누르면 아래와 같은 화면이 나옵니다. 아까 복사해 왔던 내용을 console 에 입력하여 Enter!!!근데 뭔가 에러가 뜬다. 처음부터 설치할 때 서브라임 텍스트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'));..

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:..

그대로의 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 >>> 잠금화면 전환

자주쓰는 단축키 새탭열기 CTRL + T 탭 선택 CTRL + 1 ~ 8 마지막탭 선택 CTRL + 9 탭 순차적으로 선택 CTRL + TAB 탭 반대 순차적으로 선택 CTRL + SHIFT + TAB URL강조 CTRL + L 또는 ALT + D 북마크 지정 CTRL + D 다운로드 페이지 열기 CTRL + J 크롬 종료 CTRL + Q