web sprit

현재 내가 사용하고 있는 버젼은 Sublime Text 3 이다. 원래 Sublime 사이트에서 Portable버전도 있어 설정을 해두면 이동성이 좋지만그래도 직접적인 설치가 더 안전하다 생각이 들어 본체에 심어(?) 놓았습니다. 회사 컴에 설정을 집컴에도 같은 설정을 하기 위해 다음과 같이 하였습니다.이것은 Sublime Text 2 나 Sublime Text 3 에 경우에도 같습니다. 아래의 경로로 이동C:\Users\[UserName]\AppData\Roaming\Sublime Text 3안으로 들어가면 BackupInstalled PackagesLocalPackagesSettings위와 같은 디렉토리가 존재 할것입니다. 나의 경우는 저렇고 아무튼 위 경로 안에 있는 것을 모조리 복사하여 이동하려는..

메일이나 어떠한 체크폼을 보다 보면 전체 선택과 그에따른 하위선택함에 있어 전체 체크 되었다 풀리는 스크립트를 보곤 하는데요 한번 제이쿼리로 만들어 보았습니다. 다른 분들은 이 소스를 참고하여 작업하셧으면 좋겠네요좋은 방법이나 좋은 예재가 있으면 공유 했으면 합니다. 소스는 다음과 같습니다. HTML1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 구분 사과 배 귤 오렌지 수박 멜론 참외 Colored by Color Scriptercs CSS1234.check_board_tb{border-collapse:collapse; width:100%;}.check_board_tb input{border:1px..

textarea 태그 문법은 아래와 같습니다.123 Colored by Color Scriptercs textarea 태그의 속성값 중 cols, rows 는 css 의 width 와 height 값으로 customize가 가능하기 떄문에 따로 태그에 넣을 필요는 없습니다. 자 그럼 textarea 태그의 속성들이 무엇이 있는지 알아봐야 겠네요. 기존의 사용하던 속성부터 html5에서 새롭게 추가되어진 속성들을 알아보겠습니다. * 기본 속성 속성 값 설명 cols 숫자 너비 rows 숫자 높이 disabled disabled 텍스트 영역을 비활성화 name text 텍스트 영역 이름 정의 readonly readonly 텍스트 영역 읽기만 가능 * HTML5에 새롭게 추가 속성 값 설명 autofocus..

개인적으로 잘 안 외워지는 css 속성중에서 visibility 속성에 대해 얘기 하려 합니다.visibility 속성은 display 속성과 비슷하다고 말할 수 있지만다른점은 display 의 none 속성값은 태그와 차지하고 있는 영역까지 숨겨 Layout 을 흐트릴 수 있지만visibility 의 hidden 속성은 태그를 숨기지만 차지하고 있는 영역은 그대로 유지해 줍니다. visibility 속성의 값은 다음과 같습니다. visible 기본 값. 태그의 요소를 보여줍니다. hidden 태그의 영역을 숨깁니다. (영역은 유지) collapse table 태그에만 적용되며, tr과 td태그를 안보이게 합니다.(영역은 유지) inherit 부모요소의 값을 상속 받습니다. 작성방법은 아래와 같습니다.1..

1. 함수 정의1-1. basic 함수1234567 function funname() { // 내용 작성}; funname(); cs해석 : function 다음 함수이름(funname)이 나오며 소괄호 안에는 인자값이 들어갈 수 있다.인자는 함수를 호출할 때 함수 로직에 전달될 변수 이다. 인자는 생략할 수 있다.중괄호 안에는 함수를 호출 했을때 실행되어 지는 내용을 작성하면 된다. 1-2. 변수대입 함수1234567 var funname = function() { // 내용 작성}; funname(); cs해석 : 변수 funname 이라는 이름을 정해주고 그 안에 익명함수(이름이 정해지지 않은 함수)를 대입한다.마지막은 변수명으로 함수를 호출하고 있다. 1-3. 즉시실행 익명함수12345 (func..

meta 태그를 이용하면 간단하게사용자의 ie의 최신 브라우저로 보게 만드는 것이 가능합니다. 123 Colored by Color Scriptercs 위의 content 값은 여러가지가 있습니다.IE=5 ~ IE=11 : IE 버전에 맞게 설정하면 그에 따른 버전으로 렌더링 하게 됩니다. (IE=6 제외)IE=edge : 최신모드로 지정된 DOCTYPE에 상관없이 IE8 이상 버전에서 항상 최신 표준모드로 렌더링 됩니다. 과거에는 content="IE=edge, chrome=1" 처럼 대체방법으로 크롬 프레임이라는 ActiveX를 설치하라는 것을 추천했는데 크롬 프레임의 개발 종류로 이제 더이상 추천하지 않습니다. X-UA-Compatible 속성 값은 IE 에서만 작동하는 비표준 속성이기 때문에 W3..

회사 업무나 메일을 보낼때 단순히 어제, 내일, 오늘 이라는 표현 보다는 좀더 내용의 질을 위하여 금일, 명일, 익일, 작일의 뜻을 풀이 해보려 합니다. 금일 "오늘"을 말하는 단어 명일 "내일" 또는 "다음날"을 말하는 단어 작일 "어제"를 말하는 단어 익일 어떤 사건이 시작된 다음날 "뒷날"을 말하는 단어 단순하지만 몰랏던 내용이네요 저는... ㅎ평소에 한번쯤은 사용해 보는 것도 좋을것으로 생각 되네요. ^^

윈도우10에는 자체 녹화기능이 있습니다. 실질적으로 게임녹화를 하겠느냐는 말로 나오지만 자기가 원하는 부분을 녹화할 수 있습니다. 녹화 되어진 파일은 내동영상 > 캡쳐 폴더에 저장 됩니다. 단축키는 아래와 같습니다. 동작 단축키 동영상 녹화 메뉴 호출 [윈도우] + [G] 녹화 / 정지 [윈도우] + [Alt] + [R] 스크린 샷 [윈도우] + [Alt] + [프린트스크린 key] 배경녹화 / 정지 [윈도우] + [Alt] + [G]

대부분 관공서나 공단 사이트를 보면 하단 footer 부분에 흐르는 배너를 볼 수 있습니다.저는 이 명칭을 flow banner라고 멋데로 짓고 나중을 위해 소스를 올리려 합니다. 소스는 다음과 같습니다. HTML123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 관련사이트 이전 다음 재생 멈춤 Colored by Color Scriptercs CSS1234567891011121314151617/* banner */.footer_banner_zone{position:relative; width:100%; ..

outline 속성은 일반적인 border 속성과 다르게 공간을 차지하지 않습니다. 그래서 두께를 아무리 크게 늘리더라도 전체적인 레이아웃에 영향을 주지 않습니다. 우리가 접근성을 위해 브라우저에서 Tab 키를 누르면 링크나 버튼영역에 생기는 띠나 도트라인도 다 브라우저에서 기본으로 제공되는 outline 속성입니다. 이는 기본적으로 브라우저 자체에서 제공되는 부분이므로 변경을 위해서는 outline 속성을 이용하여 변경해야 한다는 것을 알고 넘어 갔으면 합니다. ^^ 그럼 간단하지만 쉽게 지나칠 수 있는 outline 속성에 대한 부분을 설명 하겠습니다. 1. outline 속성 분류outline-style : dotted, dashed, solid, double, groove, ridge, inset..