IT 지식 데이터베이스

공부 하기!

•  http://www.afterhoursprogramming.com/

공부공부공부

http://www.w3schools.com/

아래 내용을 참고해보자.

http://earthcode.com/blog/2006/01/css_floats_programmatically.html

요약하면,

IE에서는 styleFloat, 나머지 cssFloat 를 설정해야 한다.

float로 쓸 수 없는 이유는 예약어와 겹치기 때문이다.

Programmatically setting the "float" CSS property in Javascript

IE and Firefox have different ways of doing this, and neither one is what you would expect.

In IE, it's myDiv.style.styleFloat="left";

In Firefox, it's myDiv.style.cssFloat="left";

Here's a full code block, with primitive browser detection included. This will work in both IE and Firefox:

if (document.all) { // very basic browser detection

var sFloat="styleFloat"; //ie

} else {

var sFloat="cssFloat"; //firefox

}

var oMyDiv=document.getElementById("myId");oMyDiv.style[sFloat]="left";

http://www.emailonacid.com/blog/details/C13/12_fixes_for_the_image_spacing_in_html_emails

CoffeeScript는 자바스크립트를 변환 컴파일하는 프로그래밍 언어이다. Ruby, Python, Haskell에서 영감을 얻은 짧으면서도 가독성이 높은 syntactic sugar와 의미 매칭과 같은 정교한 기능이 추가되어 있다. CoffeeScript는 런타임 성능에 영향없이 약 1/3보다 적은 코드의 작성으로 자바스크립트로 컴파일 된다. 2011년 3원 16일 부터 CoffeeScript는 GitHub에서 가장 많이 주목된 프로젝트가 되었으며 현재까지도 GitHub에서 가장 많이 개발되고 있다.

http://jashkenas.github.io/coffee-script/

CoffeeScript is a programming language that transcompiles to JavaScript. The language adds syntactic sugar inspired by Ruby, Python and Haskell to enhance JavaScript's brevity and readability, adding sophisticated features like list comprehension and pattern matching. CoffeeScript compiles predictably to JavaScript and programs can be written with less code, typically 1/3 fewer lines, with no effect on runtime performance. Since March 16, 2011, CoffeeScript has been on GitHub's list of most-watched projects, and as of today is the eleventh most popular language on GitHub.

Sample 보기: http://coffeescript.org/

encodeURI() / decodeURI()

최소한의 문자만 인코딩합니다.

; / ? : @ & = + $ , - _ . ! ~ * ' ( ) #

이런 문자는 인코딩하지 않습니다.

http:// ... 등은 그대로 나옵니다.

encodeURIComponent() / decodeURIComponent()

알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다.

http:// ... 가 http%3A%2F%2F 로 됩니다.

escape() / unescape()

예전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다.

http://mwultong.blogspot.com/2006/10/encodeuri-encodeuricomponent-escape.html

또 업무 때문에 찾았다.

폰트 설치 여부를 판단하고 폰트가 없으면 설치하게 하기위하여 였다.

jquery.font.js 가 필요하다.

jquery.font.js

를 적절한 위치에 놓는다.

jsp 화면단에서 스크립트를 참조하는 경로를 적어 놓았다.

<script src="/js/jquery.font.js"></script>

출력용 OCR 폰트 였다.

한글을 설치하면 OCR폰트가 기본적으로 있다 하지만 내게 필요한건 OCR-B-10 폰트 였으므로.

설치..

사용법은 간단하다.

$.font.test('OCR-B-10 BT') 의 결과값 true / false 로 설치 여부를 알 수 있다.

그게 다다.

확인후 없으면 설치파일 경로를 링크해서 다운로드 받도록 하면 된다.

OCR폰트는 저작권이 있는 폰트로 알아서 찾아내시길 바란다.

http://java-x.blogspot.kr/2006/11/merge-pdf-files-with-itext.html

일단 링크하나 투척!!

요구사항

1. 두개의 pdf 파일을 하나의 pdf로 합치길 원함

2. pdf파일의 용지설정이 하나는 가로, 하나는 세로 일때 각각 가로, 세로로 합쳐지길 원함..

삽질 엄청함..

MergePDF.java 파일을 생성

링크에 보면 잘 있다..

import 해야 할 것들은 ctrl + shift + o 를 눌러서 하나하나 선택한다..

하지만 잘 선택하지 않는다면 에러는 면하기 힘들다...

import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import com.itextpdf.text.Document;
import com.itextpdf.text.PageSize;
import com.itextpdf.text.pdf.BaseFont;
import com.itextpdf.text.pdf.PdfContentByte;
import com.itextpdf.text.pdf.PdfCopyFields;
import com.itextpdf.text.pdf.PdfImportedPage;
import com.itextpdf.text.pdf.PdfReader;
import com.itextpdf.text.pdf.PdfWriter;

내가 import 올린 내역을 참조 바란다..

결국 가로로 돌리기는..

도큐먼트 뉴 해주는 부분에서

Document document = new Document(PageSize.A4.rotate());

이렇게 하면 무조건 가로 랜드스케이프로 만 나온다.

혼용은.. 더더더더더더더더더더 간단했다.. 젝일..

import com.itextpdf.text.pdf.PdfReader; 를 임포트 하고..

            PdfReader reader1 = new PdfReader("C:\\PDF1.pdf");
            PdfReader reader2 = new PdfReader("C:\\PDF2.pdf");
            PdfCopyFields copy = new PdfCopyFields(new FileOutputStream("C:\\concatenatedPDF.pdf"));
            copy.addDocument(reader1);
            copy.addDocument(reader2);
            copy.close();

를 하면 되었다.. 두둥...

아.. jar 파일을 다운 받아야 할테니..

아래 파일이고.. 파일명을 보면 알겠지만..

itext를 사용한 pdf 병합 이다..

itext-5.4.1.zip

모르면 삽질하고..

테스트 하고 하고 하고...

하면 되드라..

답은 댓글에서 오히려 더 많이 얻었다..

링크 글의 잘 읽어보삼

event.stopPropagation()

DOM 트리로 이벤트가 버블링되는것을 차단한다. 다른 부모 헨들러가 이벤트를 받지 못하다록 한다. (Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.)

event.preventDefault()

이게 호출되면 기본 이벤트가 발생하지 않는다. (If this method is called, the default action of the event will not be triggered.)

즉, stopPropagation과 preventDefault를 호출하므로써 이벤터 재정의 또는 기본 이벤트 동작을 차단할 수 있다.

http://api.jquery.com/event.stopPropagation/

input 테그 에서 아래와 같이 쓰면 됨

 onKeyDown="javascript:if (event.keyCode == 13) { login(document.form); }"

http://rumkin.com/tools/compression/compress_huff.php

바이너리 데이터를 새로 인코딩하므로 압축(33% 용량 증가)에서 오는 효율과는 달리 비효율적인 측면이 있다. 자바스크립트는 느려서 쓰기에는 적합하지 않다. (하지만 최근에는 엔진 성능의 향상으로 많이 좋아졌다 있다.)

http://compressorrater.thruhere.net/

JavaScript 압축 알고리즘 별로 성능을 비교할 수 있다. (JSMin, Dojo, ShrinkSafe, YUI Compressor, Packer, gzip 지원)

http://www.featureblend.com/javascript-flash-detection-library.html

위 라이브러리를 이용하면 현재 브라우저에 플래시가 설치되어 있는지를 쉽게 확인할 수 있다. 지원하는 Property와 Method는 다음과 같다.

Properties:

FlashDetect.installed: true

FlashDetect.raw: Shockwave Flash 11.5 r31

FlashDetect.major: 11

FlashDetect.minor: 5

FlashDetect.revision: 31

FlashDetect.revisionStr: r31

FlashDetect.JS_RELEASE: 1.0.4

Method(s):

FlashDetect.versionAtLeast(9): true

FlashDetect.versionAtLeast(9, 0): true

FlashDetect.versionAtLeast(9, 0, 124): true

FlashDetect.majorAtLeast(9): true

FlashDetect.minorAtLeast(0): true

FlashDetect.revisionAtLeast(124): false

예제코드는 다음과 같다.

<script type="text/javascript">

if(!FlashDetect.installed){

    alert("Flash is required to enjoy this site.");     

}else{

    alert("Flash is insalled on your Web browser.");

}

</script>