컴퓨터 공부 66

[기타] font-face사용법 및 eot,woff폰트파일 변경방법

@font-face에 대하여 알아보자 1. font-face란 @font-face 규칙은 CSS3에 새로 추가된 웹 글꼴명세로 시스템에서 지원해주지 않는 글꼴을 내려받아 웹에 적용시킬 경우 사용하는 방법이다. 2. font-face사용법 font-face사용법은 아래와 같다. @CHARSET "utf-8"; @font-face { font-family:rixttf; // 폰트 변수명 설정 src:url('../../font/RixGoB.ttf'); //폰트 경로 설정} a,body{ font-family:rixttf ; // a,body에 폰트적용 } 여기서 한가지 알아야 되는 사실이 있다 . 각 브라우저마다. font-face 사용법이 미묘하게 조금씩 다르다는 사실이다. 그 부분에 대해서는 추후에 정리..

[태그] SPAN과 DIV 차이점

평소에 DIV만 사용했던터라 SPAN과 DIV의 차이점에 대해 정립되지 않은 것 같아 아래와 같이 정리를 해보았다. DIV와 SPAN 와 태그는 보통 id나 class 속성을 써서 스타일 시트와 함께 자주 사용한다 . 1. div란 div태그는 Block레벨 요소로서 한 문단에 스타일을 적용시킨다. 또한 을 한 것같이 줄을 바꿔준다. * block 레벨 요소는 나 ,과 같은 요소들을 의미한다. 블록레벨 요소의 특징은 1) 같은 요소를 쓰지 않아도 스스로 줄바꿈된다는데 의미가 있다. 2) 이 요소들은 기본적으로 문서 내에서 가로로 흐르지 않고 세로로 흐른다. 3) 주변에 일정량의 공간을 만들어 너비를 지정해주지 않으면 풀 사이즈가 되어 가로로 가득찬다. block레벨 요소는 가로, 세로 일정량의 여백을 가..

[JSP] jsp:include에 대하여 알아보자 .

액션 태그 1.jsp:include란 웹페이지를 하드코딩하면서 중복되는 부분을 방지하기위해 사용했던 애션태그이다. 예를 들자면 top 이나 bottom과 같이 여러페이지에 중복되게 들어가는 부분을 하나하나 jsp페이지에 넣어주기 보다 태그 기능을 이용하여 중복된 부분을 처리하는 것이다. 그림으로 설명하자면 아래와 같다. 중복처리를 하기 위하여 top부분을 jsp:include하기로 했다고 하자 1. main jsp는 웹브라우저의 요청을 받으면 로 요청흐름을 top.jsp로 이동시킨다. 2. top.jsp이동하여 출력 A 내용을 버퍼에 저장하고 다시 main.jsp로 돌아온다. 3. main.jsp에서 출력 B 로 넘어가 B의 내용은 출력버퍼에 저장한다. 4. bottom.jsp 또한 top.jsp와 마찬..

[jquery] hover 기능에 대하여 알아보자

[jQuery] hover() 오늘은 jquery기능 중 hover에 대하여 정리해보고자 한다. 또한, mouseover, mouseout을 직접 사용했을 경우와 hover을 직접사용했었을 경우에 대하여 구분해보자. 1. hover()란 마우스 포인터가 mouseover와 mouseout시 두개의 핸들러를 bind한다. 1.parameter : over:(Function) : 마우스 커서가 대상 element의 위로 올라간 경우 실행할 콜백함수 out:(Function) : 마우서 커서가 대상 element의 밖으로 나온 경우 실행할 콜백함수 2. return : jQuery 3. description: 마우스 커서가 대상 element위로 올라갔을 경우 1번째 위치에 구현된 콜백함수(0ver)를 실행하..

[jquery] jquery manipulation [3] (요소를 추가하는메소드)

오늘은 jquery 조작방식에 대한 메서드를 배워보겠다. 먼저 . jquery manipulation(조작)을 사용하는 이유는 무엇일까? 요소에 값을 지정한다거나, 특정 요소의 값을 읽어온다거나 하는 작업을 포함해서, 동적으로 요소자체를 생성 , 삭제, 복사, 제거하는 기능을 의미한다. 현재 jquery에서 제공하는 조작과 관련해서 내가 생각한 주관적인 분류를 나누어보자면 1. 요소를 추가하는 메서드 ( After(), addClass(), append() , appendTo(), prepend(), prependTo(), before() , insertAfter, insertBefore, ) 2.. 요소를 복사하는 메서드 ( clone() ) 3. 요소를 삭제하는 메서드( remove(), remove..

[jquery] jquery selectors [2] (:not, :hidden,[attribute=value], :selected, eq(index) )

jquery selector 두번째 글이다. 오늘은 :not , eq, :hidden, :input, :checked, :selected 에 대해서 정리해보도록 하겠다. :not (selector) 1.parameter : selector 대상 element에서 제외시킬 selector 2,return : arrayt 3.description : 일치하는 element 들 중 not에 해당되는 element를 제외한 element를 리턴한다. 4. 예시 ::hidden(selector) 1,return : arrayt 2.description : input element의 type속성 값이 hidden으로 되어이쓴 모든 element를 가르킨다. 또한 display가 none으로 되어있는 경우도 리턴할 ..

[기타] FTP과 NCFTP사용법

1. NCFTP에 대해서 알아보자 리눅스 OS에서 파일을 업로드하고 내려받는 경우을 복잡한 경우가 많다. FTP, NCFTP라는 Tool을 이용하면 번거로움을 덜 수 있다. 오늘은 FTP와 NCFTP 사용법에 대하서 알아보자. 1. NCFTP란 NCFTP는 기존의 FTP접속시 불편했던 기능을 개선하여 배포된 파일전송유틸리티이다. 한꺼번에 서브디렉토리까지 그대로 전송할 수 있고 인터페이스 환경 ( 현재 전송하고 있는 파일의 전송률을 그래프로 확인, 전송 중 끈어진 파일의 이어받기 기능 등) 이 업그레이드 되었다. 단, NCFTP는 PC에서 서버로 전송하는 것은 불가능하며 인터넷에 연결되어있는 서버에서 다른 서버로 전송할 때만 사용할 수 있다. 2. NCFTP 사용법 1. 접속방법 접속방법은 3가지가 있다...

[기타] FTP데몬과 NCFTP 설치법의 차이점

오늘은 FTP데몬과 NCFTP데몬 설치방법에 대하여 설명하고 이 둘의 차이점에 대해 알아보도록 하겠다. * 데몬이란 유닉스(리눅스)에서는 데몬을 앞에 나타나지 않고 사용자가 모르게 뒤에서 시스템을 위해 움직이는 프로그램을 말한다. 즉 백그라운드로 실행되어 있다가 네트워크를 통해 클라이언트의 여러가지 요청에 서비스하기위해 설치하는 서버 프로그램이다. 1. FTP & NCFTP 1. FTP 란 FTP는 File Transfer Protocol, 파일전송프로토콜로 서버와 클라이언트 사이에서 파일전송을 하기위해 사용되는 프로토콜이다. 리눅스에서 사용할 수 있는 FTP데몬은 proftp, wu-ftp, vsftp 를 비롯해 여러가지 있다.필자는 레드헷의 최신 배포판에서 기본 ftp데몬으로 사용하고 있는 vsfrp..

[AJAX] AJAX가 지원하는 자바스크립트 라이브러리

저번 시간에 AJAX에 대하여 이론적인 부분을 공부했다면 오늘은 AJAX가 지원하는 라이브러리와 함께 예제를 들어 공부해보도록 하겠습니다. 1. jQuery . ajax (option ) 참조 : http://api.jquery.com/jQuery.ajax/ jquery 방식으로 요청을 수행할 때 다음과 같이 옵션을 설정해줄 수 있다.(옵션이기 떄문에 생략이 가능) [그림1] ajax는 UTF-8 인코딩만 지원하기때문에 euc-kr같이 한글 설정을 해줄 때는 서블릿단에서 설정해주어야한다. type post나 get등의 요청타입을 정의한다 url 요청 보낼 서버의 url datatype request에 대한 응답결과의 형태 * xml형식일 경우 responseXML형식으로 변환해서 응답 하며 success..

[기타] cygwin 설치및 환경설정 [5] cygwin에 aliases를 설정해보자

다섯번째 쳅터 5. cygwin aliases설정에 대해서 배워보자 CHAPTER 5 ( cygwin aliases 설정하기 ) 먼저 aliases에 대해서 알아보자 aliases는 우리가 사용하기 쉽게 내가 설정한 키워드로 해당 경로에 바로 갈수 있다 설정을 도와준다. 실제로 aliases설정은 별로 어렵지 않다. home 하위 폴더에 있는 .alias설정을 해줄 숨김파일을 생성해주면 된다 . 필자는 alias를 설정해줄 파일이름을 aliases로 설정하였다 [그림1]vi를 통해 .aliases를 들어가보자 필자는 아래와 같이 다음 경로를 설정해 놓았다. [그림2]여기서 자세히 보면 tt 라는 엘리어스가 있다. 사실 tt는 내가 startup.sh와 catalina -f tail 그리고 shutdown..