web sprit

cls 지저분해진 화면을 지워줌. cd 폴더명 or 폴더경로 폴더의 상위 또는 하위폴더로 이동할때 사용한다.ex)cd 하위폴더명 - 한단계 하위루트로 이동cd 하위폴더명/하위폴더명/하위... - 윈하는 위치의 하위폴더로 이동cd .. - 한단계 상위루트로 이동 cd\ - 최상단 루트로 이동c: or d: - 원하는 최상단루트 드라이브로 이동 dir해당폴더에 속해있는 폴더들의 내역을 보여준다. shutdown -s -t 10 10초후 컴퓨터 종료 shutdown -s -f -t 10 10초후 실행중인 응용프로그램 종료 후 경고없이 강제 종료 shutdown -a 컴퓨터 종료 취소

오늘은 Compass 설치에 대해 정리해 봅니다.요전에 말했듯이 Compass는 Ruby 기반으로 작동하기 때문에 Ruby를 꼭 설치 하셔야 합니다.참고 : http://kcmschool.xyz/39 Ruby를 설치하셧다면 본격적으로 Compass를 설치해 보겠습니다.맥이라면 터미널로 윈도우 사용자라면 command를 이용하여 설치하면 됩니다.다음과 같이 작성해서 실행해 주세요~ gem install compass 그럼 무언가 설치하는 코드가 나오면서 설치가 완료 됩니다. 설치가 잘되었는지 확인해 보려면 버전체크를 한번 해보시길 바랍니다.버전정보를 확인하려면 아래와같이 작성해서 실행하세요. compass -v 자 매우 간단하게 CSS Framework 인 Compass 를 설치해 보았습니다.비록 간단하고..

Compass 는 CSS 를 편리하고쉽게 개발할 수 있게 만들어 주는 CSS Framework 입니다.SASS를 사용하며 , Ruby 기반으로 Ruby를 설치해줘야 합니다.http://kcmschool.xyz/39 위 URL을 참고하면 Ruby 설치방법을 참고 할 수 있습니다. 기존 SASS를 사용하여 Compile 하였다면 Compass는 SASS 보다 간결하고 간단한 방법으로 Compile 이 가능하다. 앞으로 실무에서 사용하며 간간히 사용법이나 Tip을 정리할 생각입니다.이 글이 도움이 되시거나 잘못된 부분이 있으면 댓글 부탁드립니다. ^^

Window10 에서 복원지점을 만들고, 그 복원 지점으로 다시 되돌릴 수 있는 방법을 설명 하려 합니다. 간단하게 말해서 백업하고 다시 배업복원할 수 있는 방법을 알려드리겠습니다. 1. 복원 지점 만들기(백업하기)Window 식작 버튼 옆에 위치한 검색 버튼을 누르면 아래와 같은 화면이 나오는데요.검색어 부분에 "복원"이라고 검색만 하면 상단에 "복원 지점 만들기"라고 나옵니다. 클릭해 주세요. 위와 같은 화면이 나옵니다.우리가 복원지점을 만들려고 하는 부분은 윈도우가 설치된 C드라이브 입니다. 로컬 디스트C를 선택 한 후 만들기 버튼을 눌러 주세요. 만들기 버튼을 누르면 복원지점을 만드는것에 대한 이름을 정합니다. 여러 복원 지점을 만들경우 자신이 원하는 복원지점에 대한 이름으로 구분을 할 수 있기 ..

우리가 흔히 마크업을 하게 되면layerPopUp을 만들게 됩니다. 레이어 팝업을 만들 경우 레이어팝업 안에 닫기 버튼이 존재하게 되는데요.PC 같은경우 닫기 버튼이 존재하게 되면 그리 큰 이상은 없습니다.만약 닫기 버튼이 없는 레이어 메뉴라고 가정합시다. 그리고 모바일 입니다.닫기 버튼이 없는 레이어 메뉴는 어떻게 숨김처리 해야할까요?? 이럴때 메뉴영역을 제외한 영역을 클릭했을 시 숨김처리되는 스크립트 소스가 필요한 것입니다. 검색을 통하여 여러가지 소스를 확인해 보았는데요. 정작 저에게 필요하고 깔금한 소스를 찾지 못했습니다.그래서 제가 정리한 소스를 정리하려 합니다.많은 분들이 참고하고 더 좋게 custom 하셧음 좋겠네요 소스는 아래와 같습니다. HTML1234567891011121314 targ..

CSS3 기술인 flex 에 관한 정리를 하려 합니다. flex를 사용하기 위하여 크게 감싸고 있는 부모요소에 적용해야 할것과자식요소에 적용할 부분을 나눠서 설명하도록 하겠습니다.우선 기본코드는 아래와 같습니다.HTML123456 cs CSS123456789101112131415161718192021222324252627282930.conbox{ width:500px; height:300px; -ms-display:flexbox; display:-webkit-flex; /* Safari */ display:flex; -webkit-flex-flow:row-reverse wrap; /* Safari 6.1+ */ flex-flow:row-reverse wrap;}.conbox div{ -webkit-fle..

나의 퍼블리셔 인생에서 HTML 문서의 Doctype 사용은XHTML 1.0 Transitional 과 html5 입니다. 기타 여러가지의 Doctype 버전을 알고 이해하려고 합니다. 평생 사용하지 않을 수 있지만 모르는것 보단 이해하고 사용하는 편이 좋겠죠~ ^&^ tip !!! 선언(DTD)은 대소 문자를 구분하지 않습니다. Doctype의 선언(DTD)은 아래와 같습니다.12345678910111213141516171819202122232425262728293031323334353637383940414243444546 cs

일반적으로 form 요소의 customize를 추천하지도 않고 사용하고 싶지도 않습니다. 이유는 브라우저별 모양이 너무 재각기이고 이러한 폼요소는 기본적으로 최소한의 꾸밈으로 사용하는 것이 디바이스별 사용성에도 좋은듯 합니다. 대부분 background 이미지를 이용하여 스크립트로 클래스 제어를 통해 form요소를 customize 하는 것으로 알고 있습니다. 지금 알려드릴 방법은 css를 이용한 방법이며 스크립트를 사용하지 않습니다. 그리고 브라우저는 IE를 기준으로 IE9 이상 잘 나오고 있습니다. 만약 더 하위버전을 맞추고 싶다면 그때 background 이미지를 이용하여 스크립트를 사용하는 방법말고는 생각이 나질 않네요. 제가 만든 소스를 보고 한번 그대로 가져다 확인해 보세요 정말 괜찮은 방법이..

1. History 객체(Object) 우리가 웹브라우저로 인터넷을 이용하면서 이전 페이지가 보고 싶다면 또는 이후 페이지를 보고싶다면 브라우저 상단의 ←(뒤로), →(앞으로) 의 버튼으로 페이지를 이동하는 원리와 같은데요. 이것에 대한 페이지 이동을 History 객체로 하여금 제어할 수 있습니다. 2. history 메소드(Method) history 객체는 다음과 같은 메소드를 가지고 있습니다.history.back();history.forward();history.go( 숫자[음수 가능] ); 3. 상세 설명back() - 이전 페이지로 이동.forward() - 다음 페이지로 이동.go( 숫자 ) - 현재 페이지를 기준으로 지정한 숫자(음수, 양수)만큼 페이지 이동. 4. 사용 방법 2페이지 이..

Sublime Text에서 Project 관리를 손쉽게 할 수 있는 방법을 알려 드리겠습니다. 우선 서브라임이 설치했다 가정해보죠. 설치가 안되셧다면 아래 링크를 참고 하세요. http://kcmschool.xyz/56 우선 서브라임을 실행합니다. 그럼 위처럼 빈털털이(?) 화면에서 project 메뉴를 클릭하면 하위메뉴로 여러가지 리스트들이 나오는데요. 이것에 대한 설명을 하겠습니다. 우선 프로젝트를 2개 만들어 보겠습니다.pro1 폴더안에 test1.htmlpro2 폴더안에 test2.html자 만들었다면 시작하죠. 이 폴더에 대한 프로젝트 파일을 만들어야 합니다. 아까 만든 폴더를 드래그해서 OPEN FILES(왼쪽 폴더 디렉토리 나오는 부분) 에 넣든 or 메뉴에서 Project > Add Fol..