목록분류 전체보기 (229)
web sprit
이 글은 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 (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
jQuery 다운 URL : http://jquery.com/ 위 URL을 들어가시면 jQuery 사이트가 나옵니다. 메뉴에서 Download 를 눌러 들어 갑니다. 실제 적용하는 소스는 압축버전을 사용하시고 그에대한 내용을 보시고 싶으시다면 코드정리버전으로 확인하시면 되겠습니다. jQuery 1.x & jQuery 2.x 차이점 jQuery 1.x 버전은 하위 브라우저의 호환성을 가지고 있으나 jQuery 2.x 버전은 IE6/7/8 을 지원하지 않습니다. 간단하게 장·단점을 따지자면 jQuery 1.x 버전이 호환성을 보장하는 대신 그만큼 jQuery 2.x 버전보다 소스량 즉 용량이 큽니다. 그렇다면 당연히 jQuery 2.x 버전은 용량이 작겠죠. 불러오는 속도도 차이가 날겁니다. 체감적으로 많은..