Firefox 4 정식버전 출시 : http://www.mozilla.or.kr/ko/firefox/technology/

기술 데모 : https://developer.mozilla.org/ko/demos/

Web O' Wonder : https://demos.mozilla.org/

Firefox는 HTML5 형식을 충족하며 새로운 입력 형식, 데이터 목록 지원, autofucus나 placeholder와 같은 새 입력 속성, 분리된 형식, 형식 옵션, 유효성 기법, 강제 유효성, 그리고 이를 한데 묶을 새 CSS 선택기를 지원합니다. 보다 자세한 정보를 원하시면, 저희의 Hacks site를 방문하십시오.

닫기 자세히 보기

파서

x = - b ± b 2 - 4 ⁢ a ⁢ c 2 ⁢ a

Firefox는 인라인 SVG와 같은 새로운 가능성을 가져다주는 HTML5 파서를 지원하며파싱 알고리즘을 프로세서에서 실행하는 성능도 개선되었습니다. 이는 Firefox의 파싱 알고리즘을 표준에 가깝게 해주고 일관성있는 파싱 브라우저의 토대를 낳습니다.

닫기 자세히 보기

WebM

Firefox는 사용료를 지불할 필요가 없는 새로운 웹용 비디오 포맷인 WebM을 지원합니다. 유튜브의 HTML5 베타에 참여하시면 작동하며 새로운 iframe 엠베딩 API를 사용할 경우 엠베딩된 유튜브 비디오에서도 작동합니다. 베타에 참여하시고 이 글의 아래에 있는 예제가 작동하는 것을 보십시오.

닫기 자세히 보기

동영상 버퍼 API

HTML5의 동영상을 위한 버퍼 속성 지원으로 동영상이 포함된 웹 페이지는 다운로드 비율과 스트림의 현재 위치를 통한 근사적인 수치 대신 정확한 버퍼링 정도를 제공할 수 있습니다.

자세히 보기

동영상 “preloadd” 지원

동영상의 “autobuffer" 속성이 새로운 “preload” 속성으로 바뀝니다. 이 속성은 개발자들이 Firefox 3.5에 포함된 binary on/off system과 달리 페이지에 포함된 동영상의 pre-buffered를 조절하게 해줍니다.

자세히 보기

pushState와 replaceState

Firefox는 HTML5 pushState와 replaceState history modification calls를 지원하여 개발자들이 브라우저의 탐색 기록을 새로 만들거나 고칠 수 있게 합니다. 이는 # 뒤 URL의 기록을 새로 만드는 어플리케이션에 유용합니다 (예를 들면 HTML 기반 슬라이드에 유용).

CSS Transitions

❖✪

Firefox는 CSS 변환에 대한 지원을 포함하고 있습니다. 세부 사항이 여전히 초기이므로 -moz로 시작하는 확장 또한 아직 존재합니다.

닫기 자세히 보기

-moz-calc()

Firefox는 초기 버전의 calc를 -moz-calc와 같은 특별한 형태로 지원합니다. 이는 개발자들이 CSS 페이지 배치를 훨씬 간단하게 만들 수 있는 length를 어디에서나 사용해(더이상 빈칸을 위해 divs를 사용하지 않아도 됩니다!) 간단한 표현을 사용할 수 있게 해줍니다.

자세히 보기

-moz-any()

Firefox는 -moz-any() 선택 묶기라는 극단적으로 유용한 새 CSS 확장을 추가했습니다. 이는 한 부분에 대한 전체 선택자를 반복하는 것에서 연결자를 사용하는 대안을 제공합니다.

자세히 보기

-moz-element()

–moz-element는 배경-그림 속성에 대한 확장으로 아무 요소나 배경에 대한 다른 요소로 사용하게 해줍니다.

자세히 보기

-moz-placeholder

-moz-placeholder는 HTML5 형식의 placeholder인 배경 글자의 속성을 바꿉니다. 웹 개발자는 placeholder 글자의 색깔이나 다른 속성을 바꿀 수 있습니다.

자세히 보기

Border Radius

border-radius 속성이 이전의 -moz-border-radius를 대체하여 이제 지원합니다.

자세히 보기

box-shadow

box-shadow는 -moz-box-shadow에서 대체되었습니다.

자세히 보기

-moz-font-feature-settings

Beau Grand & Fort

klmnABRACADABRANTESQUEopqr

EXTRAORDINAIRE

tprestigieuxu

FULGURANT

Phénoménal

«COLOSSAL!»

incroyable

& modeste avec ça

Firefox는 -moz-font-feature-settings속성의 트루타입 글꼴에 대한 기능을 훨씬 많은 확대에 대한 지원을 포함합니다. 이는 모든 종류의 글꼴 기능 - kerning, ligatures, alternates, real small caps, 그리고stylistic sets - 사용이 가능함을 뜻합니다.

닫기 자세히 보기

CSS 규격 일치

우리는 픽셀 크기의 핸들링을 Internet Explorer, Safari 그리고 Chrome에 맞춰 1 인치는 언제가 95픽셀과 같습니다.

자세히 보기

물리적 CSS 규격 지원

Firefox는 물리적 크기를 사용하기를 원할 경우를 위해 mozmm이라 불리는 새 CS5 규격을 소개합니다.

자세히 보기

device-pixel-ratio

-moz-device-pixel-ratio 미디어 쿼리는 CSS 픽셀당 장치 픽셀의 수를 제공합니다.

자세히 보기

-moz-tab-size

-moz-tab-size 속성은 글자를 렌더링할 시 탭 문자 (U+0009)의 렌더링 중 빈칸 문자의 너비를 지정하게 해줍니다.

자세히 보기

-moz-focusring

Firefox의 CSS 가상-선택자인 -moz-focusring은 한 요소가 focus되었을 경우 그리고 focus ring이 주위에 그려질 시 어떻게 보일지를 지정하게 해 줍니다. focus ring이 그려지거나 그렇지 않을 경우에 대한 규칙은 운영체제마다 다르나 이것은 기반 규칙을 유지 보수하는 동안 form control의 모양새를 제어하게 해 줍니다.

자세히 보기

-moz-image-rect

새 -moz-image-rect는 배경이나 배경-그림의 부분으로 보조-정사각형을 사용하게 해줍니다.

자세히 보기

크기 조절이 가능한 글자 영역

글자 영역은 기본적으로 크기 조절이 가능합니다. 새 CS5 크기 조절 속성을 통해 이를 해제할 수 있습니다.

ECMAScript 5

ECMAScript 5는 JavaScript 언어의 새 버전으로 새 기능과 Strict Mode나 JSON API와 같은 새 API를 포함합니다.

자세히 보기

WebGL

Canvas 3D. WebGL은 OpenGL ES 2.0을 거의 따르는 API를 소개함으로서 3D 그래픽을 웹에 제공하고 HTML canvas 요소에 쓰이게 합니다.

닫기 자세히 보기

.click() 지원을 통한 파일 업로드 제어

Firefox는 숨겨진 파일 제어의 .click()을 호출해서 파일 업로드 위젯 기반을 가져올 수 있으며 이는 (볼품 없는) 파일 업로드 제어를 여러분만의 것으로 확장할 수 있다는 뜻입니다. 만약 여기에 새 File API와 progress event를 조합시키면 매우 훌륭한 파일 업로드 경험 기법이 될 것입니다.

자세히 보기

File API에 포함된 .slice 지원

Firefox 는 Blob API와 딸려오는 .slice API를 지원합니다. 이는 전체 파일을 메모리로 올리지 않고 JavaScript를 사용해 큰 파일 객체의 부분만 처리하고 싶은 경우 도움이 됩니다. 신뢰할 수 있는 대용량 파일 업로드를 원하는 경우에는 서버와 JavaScript 코드를 사용해 큰 파일을 여러 부분으로 나누어 전체 덩어리를 업로드하며 이 과정에서 재-재시도 실패 부분이나 심지어는 동시에 여러 부분을 전송하는 것이 포함됩니다.

자세히 보기

File API URL 지원

Firefox는 File API의 .url 속성을 지원하며 이는 File API의 객체가 그림, 동영상, HTML 또는 다른 URL 제공 객체에 사용될 수 있음을 뜻합니다.

자세히 보기

터치와 멀티터치 event 지원

Firefox는 DOM에 의해 확대된 터치와 멀티-터치 event를 모두 지원합니다. 이 기능에 대한 지원은 Windows 7 시스템에서 가능합니다.

자세히 보기

클릭-터치 탐지

Firefox는 마우스나 손가락이 event를 생성할 경우 mozInputSource 속성을 통해 알려줍니다. 이는 터치와 멀티터치 event에서 유용하며 터치와 마우스 입력을 다르게 다루는 어플리케이션의 제작을 가능하게 해줍니다.

자세히 보기

IndexedDB

Firefox는 초기 버전의 IndexedDB를 지원합니다. 로컬 저장소에 대한 이 새로운 표준은 아직 변화를 겪고 있으며 안정될 때까지 private-prefix를 사용할 것입니다. IndexedDB 입문은 IndexedDB API 사용에 대한 개요를 제공합니다.

자세히 보기

FormData

Firefox는 새 FormData 객체를 지원하며 이는 HTML form에 영향을 쉽게 미칠 수 있도록 해줍니다. 또한 이는 File API를 통해 파일을 form accessed와 같이 쉽게 업로드하는 식의 일부 새로운 기능을 가능하게 해줍니다.

자세히 보기

Canvas를 파일 객체로 처리

Firefox는 Canvas를 업로드와 같은 목적으로 파일 객체로 접근하게 해줄 수 있습니다. mozGetAsFile() 메소드를 canvas에 사용하면 그림 파일을 반환하게 됩니다.

자세히 보기

음성 샘플링과 생성 API

Firefox Audio Data API는 개발자가 음성과 동영상 요소에서 데이터를 읽고, 편집하고, 쓰는 것을 가능하게 합니다.

웹 콘솔

웹 콘솔은 새 도구로 돌아가는 웹 페이지를 조사하고 네트워크 활동을 보며 console.log로 저장된 메세지 로그를 확인하고 페이지의 CSS를 비롯한 여러 경고를 보여줍니다.

자세히 보기

Firebug

모든 웹 개발자들이 의존하는 Firebug 부가기능은 최신 버전의 Firefox와 호환됩니다.

SVG

Firefox 4는 SVG 지원을 확대하여 선 그래픽을 보다 창의적인 방법으로 사용할 수 있게 해줍니다.

SVG 애니메이션과 SMIL

이제 Firefox에서도 SVG를 SMIL을 사용하여 애니메이션할 수 있습니다.

자세히 보기

그림으로서 SVG와 CSS 배경

이제 SVG를 <img> 태그 안에서도 CSS의 배경 그림과 같이 사용 가능합니다. SMIL 애니메이션 또한 지원됩니다.

강화된 보안

Firefox는 수많은 새 보안 강화를 지원하여 웹 개발자를 돕고 사용자를 보호합니다.

컨텐츠 보안 정책

컨텐츠 보안 정책(CSP: Content Security Policy)은 개발자가 여러 다른 종류의 공격을 방지에는 데 도움을 주는 도구의 모음입니다. 구체적으로, 이는 cross-site scripting 공격과 click-jacking, 그리고 패킷 스니핑 공격을 누그러뜨리는 도구를 제공합니다. 만일 규칙을 위반하게 되면 Firefox는 웹 사이트에 위반사항에 대한 정보를 보내 다른 브라우저의 보안도 향상되도록 돕습니다.

자세히 보기

X-Frame-Options

Firefox는 X-Frame-Options 헤더를 지원하여 clickjacking으로부터 보호합니다. 이 응답 헤더는 다른 브라우저에서도 잘 지원됩니다.

자세히 보기

HSTS (강제화된 HTTPS)

Firefox는 HTTP Strict Transport Security (HSTS) 헤더를 지원합니다. 이 헤더는 반드시, 절대로 사이트를 암호화되지 않은 HTTP로 연결하지 않도록 브라우저에게 알리는데 사용됩니다. Firefox 사용자는 또한 HSTS 목록의 사이트를 추가하거나 지우는 STS UI 부가기능을 심지어는 사이트가 HSTS에 대한 직접적인 지원을 하지 않아도 사용할 수 있습니다.

자세히 보기

CORS 개선

Firefox에서 CORS 수행의 버그를 고쳤습니다.

자세히 보기

:visited changes

Firefox는 아무 웹사이트나 브라우징 기록을 캐낼 수 있는 CSS 규칙의 decade-old hole을 닫음으로서온라인 사생활의 보호를 향상시키는 변화가 포함되었습니다. 이 변화는 Webkit 기반 브라우저에도 도입되었습니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

지난 44년 동안
‘끊임없이 우물을 파는 사람이 성공하고 승리한다’는 확실한 교훈을 얻었다.
어리석게 들릴지 모른다.
그러나 놀랍게도 석유나 가스를 찾고자 한다면 유전을 파야 한다는 사실을
정확하게 이해하는 사람은 드물다.
아무리 훌륭한 유전지도가 있다고 해도, 그리고 유전지역을 연구하더라도
석유를 얻으려면 일단 시추를 해야 한다.
-존 마스터스(유명한 캐나다 유전 개발업자)

그렇습니다. 실행 없이 저절로 얻어지는 것은 없습니다.
석유를 얻으려면 일단 땅을 파야합니다.
필요한 것을 얻어내려면 비가 내리거나 해가 뜨거나 어떤 위협이 있더라도
석유를 얻기 위해 유전을 파야 하는 것처럼
꾸준하게 실행을 해야 합니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

인생을 살아가면서
'3무(無)가 찾아오는 때를
조심하라'는 얘기가 있습니다.
의욕 없이 무기력한 상태,
무슨 일에도 관심이 없는 심드렁한 상태,
어떤 일에도 감동받지 않는 덤덤한 상태,
바로 감수성을 잃어버린 상태입니다.
감수성은 감성의 기초체력입니다.


- 강윤희의《나를 찾아가는 감성치유》중에서 -


* 감수성은 설렘에서 옵니다.
설렘은 사랑하는 마음에서 나옵니다.
사람을 사랑하고, 일을 사랑하고, 자연을 사랑하는...
무엇을 해도 설레지 않고, 떨림도 열림도 없다면
감수성이 많이 말라가고 있다는 증거입니다.
감성의 기초체력을 더 키우세요.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

이클립스 활용

JDK : 서로 다른 버전으로 컴파일하면 문제발생소지가 있다.
          오라클 같은 경우 자체 JDK를 가지고 있다.
          Path를 꼭 확인 해라.

JDK 1.4                - Eclipse 3.2 , 3.3(Europa), 3.4(Ganymede)
JDK 1.5 Tiger       - JAVA5  -  Eclipse 3.5 Galileo
JDK 1.6 Mustang - JAVA6   - Eclipse 3.6 Helios
JDK 1.7 Dolphin

Web 개발 : Eclipse IDE for Java EE Developer

View - Package View : 클래스 경로
         - Navigator View : 실제 파일 경로

Edit
* Code Asist : Ctrl + space ( Code Add : Window - Preference - Java - Editor - Templates )
* Quick-Fix   : Ctrl + 1 { + jUnit } ( 테스트주도개발 방법론: 테스트 -> 개발 )
* Word-Colpletion : Alt + / (변수자동완성)

Navigator
* 족보보기 : 클래스 선택 후 "F4"
* 역추적     : 클래스 선택 후 "Ctrl + Alt + H"
* 열기         : F3 또는 Ctrl + Mouse Click

Interface(인터페이스) : 오버로드 되어야 함(역삼각형)
* 인터페이스, 형변환, 추상 클래스 : 중요함.

Refactor
* Rename  : Alt + Shift + R
* Move       : Alt + Shift + C
 ; Package 브라우저에서 Drag&Drop 으로도 가능.

Resource
Workbanch - Perspective - View
                                         - Editor Area - Editor
: perspective는 추가,수정,삭제 가능하다. 영역이 고정되어있고, 영역내에서 유동적이다.

Menu
* [Source] - [format] - [Generate Gatters and Setters]
* Preferences -> ( Ctrl + shift + L ) x 2
* Editor 창간 전환 : Ctrl  + F6 ( Preferences 에서 추가가능).

Debug
* Debuging 은 기능이 아니라 메모리를 가지고 노는 것이다.
* 지역변수는 무조건 초기화 해라.
* 메모리가 Full 될 수 있기 때문에 Garbage Collection 이 있는데,
   사용하지 않는 garbage를 삭제하지 않고 HDD에 저장한다.
* 코드 컴파일하고 실행(에플리케이션에 run configuration을 생성)
* Run>Debug.. 사용하여 (debug Configuration을 셋업)
* 디버거로 메인 자바 클래스로서 사용되는 클래스 선택
* 가장 일반적인 디버깅 과정은 조건문이나 루프에서 변수와 값들을 관찰하기 위해 breakpoint 설정
* 의심이 가는 코드의 라인에 있는 mark bar(에디터 부분의 왼쪽 모서리) 더블클릭
-------
* step-into(F5)
* step-over(F6)
* step-return(F7)
* Use Step Filters : 지정클래스외에 들어가지 마라.
* Breakpoint Hit Count : 실행갯수제한 ( 설정 후 "F8" 클릭시 실행 )

Heap 영역 보기
1. [Preferences] - [General] - Show heap status 확인
2. 오른쪽 하단에 용량표시
3. 표시되는 용량 옆의 휴지통클릭하면 사용량을 줄여준다.
4. 휴지통은 자주 클릭하지 마라.(Garbage Collection)

개발방법론
*  TDD개발방법론 : Quick Fix + jUnit

단위 테스트
* jUnit
  java 1.4  - jUnit 3
  java 1.5, 1.6 - jUnit4 ( "@" 사용 )
 : "Test" 폴더 만들어서 jUnit 테스트 파일 생성. jUnit 에 개발메소드 생성 후, Quick-Fix로 메소드를 생성.

CVS 설치
* 설치시 주의사항 : admin 계정(password 가지고 있는) 필요.
* CVS NT 에서 Lockservice 실행안되면 작업관리자에서
   CVS Lockservice를 프로세스 종료하고 다시 실행해야 한다.
* CVS 연결된 프로젝트를 다시 로컬에서 지정작업하려면
  : Team - Disconnect ( 체크1 : CVS 폴더(local)까지 삭제 , 체크2 : 링크만 삭제)

Code-Convention
* Formatter : Ctrl + shift + F
  : 문법에 맞게 소스 정렬
* CheckStyle (naming tool)
  : 설치시 Preferences에 적용안되면 eclipse.ini 의 최상위에
    " - clean" 을 입력하고, Restart( [File] - [Restart] ).
    - 정규식이 중요하다.
 ex) 메소드 규칙 : 1. 영문 소문자로 시작.  2. 최소 3글자 이상.

Web Project
*tomcat 설치 : tomcat manager 사용자는 tomcat-users.xml로 생성시키면 된다.
* war 파일로 Export 해서 tomcat 서버의 webapps에 이동시미켠 application이 등록된다.
* JavaEE( Dynamic web project ) Perspective 에서 작업.
* JSP webserver 종류 : tomcat, weblogic, jeus, SilverStream, jBoss, Glassfish

표준 JavaEE
WAR : Context - Roost
                 └ META-INF
                 └ WEB-INF : 보안폴더로 지정되어 있음(설정관련파일만 보관)
                           └ web.xml  : 웹서버에 관련된 설정
                           └  classes  : 개발 class
                           └  lib           : 외부 library 등록

EJB -> WAS server( session,Entity, Message) -> JAR
EAR(엔터프라이즈) : WAR + JAR

JSP 파일 생성
* ctrl + space 를 많이 활용해라.
1. src 폴더에 Servlet 생성(Class)
2. 생성시 servlet 오류발생( javax 패키지 없음. javax 는 JavaEE에 포함. )
    : 웹개발시 JavaEE까지 필요 없다. JDK TigerSE정도면 된다 .
      javax는 "Build Path"로 설정하면 된다.
      웹서버에 포함되어 있으니 웹서버를 library에 추가하면 Build path 설정은 필요없다.

Servlet
* do Post
* 소스 작성 후 저장시 web.xml 변경됨 ( 7버전에서는 web.xml이 없다.  )
* web.xml은 아래에서 위로 읽어야 한다.
* Dynamic Web Project 생성시 버전(Dynamic web module version) 확인 후 지정. 차후 버전변경 어려움.
* Target runtime 지정하면 [Properties]에 java build path 자동 생성.
* JSP 파일은 java로 변경되는데, 확인하려면
   workspace - .metadata - .plugins - org.eclipse.wst.server.core 아래의
    해당 프로젝트의 폴더안에 존재한다.
* Servlet이 생성되면 web.xml이 변경됨으로 restart가 필요하다.

MVC ( model, View, Controler)
Struts
* Struts의 .jar 파일을 해당프로젝트의 /WEB-INF/lib/로 복사하면 적용된다. (Build path에서 확인 가능)
* Snippets : 하단에 있는 tab. 자주 쓰는 문구 저장기능.
* Struts 의 Config.xml 의 내용은 snippets에 만들어둔 Head를 사용해서 시작한다.
  web.xml에 나오는 경로를 자서 만든다.
* 해더에 지정된 .dtd 문법책에 맞추어서 작성한다.

JDBC
* oracle : ojdbc~.jar
* Addjars 로 ojdbc파일을 불러오고, 아래의 List Drivers를 클릭하면
    "Driver class Name" 에 클래스 리스트가 나온다.
* SQL plugin : http://marketplace.eclipse.org/ 에서 필요한것 설치.
* JDBC의 유의사항
   : 계정정보는 보안폴더에서 관리해야 한다.
     ~.close(); 는 공통관리해야한다.
     Str 로 문자열에 붙여쓰지말고 쿼리문은 클래스 안에 넣지마라. 쿼리문을 xml파일로 밖으로 꺼내는 것은 "iBatis"이다.

iBatis (JDBC + iBatis)
* iBatis-common-2.jar , iBatis-dao2.jar , iBatis-sqlmap-2.jar을 lib에 등록(Build path)
* iBatis 설정은 Package로 만들어야 같이 클래스가 이동한다.
   /project/src/config(package)/~.xml
* xml 파일 생성시, "snippets"를 잘 이용해라.
* Content Assist 할때, 클래스명이 길면 "카멜명명법"을 이용하라.

◆ 카멜 표기법 (Camel Notation)
1. 단어와 단어 사이를 대소문자로 구분하는 방법.
2. 카멜(낙타)이라는 말은 카멜표기법으로 작성된 변수의 형태가 낙타의 혹을 닮아서 붙여진 것이다.
ex. List guestBook = (List)request.getAttribute("list");

* http://서버주소:포트/컨텍스트명/request자원
* Context명이 Url의 폴더가 된다.
* 프로젝트 생성 후 struts class, JDBC class, iBatis class 를 lib로 복사한다.
* Struts2 부터는 설정파일이 패키지안으로 들어간다. - /src/package
* xml에 한글 저장시 인코딩을 변경하면 된다.
* iBatis-config.xml : 네임스페이스 이용.

JAVADoc 문서만들기
* Generate javadoc : visibility - Public(일반 공개용)

Ant
* http://ant.apache.org/
* 프로젝트에서 build.xml 파일 추가
   : Ctrl + 3 이클립스 모든 메뉴 찾기
* Ant View 보기
  > build.xml 을 등록해서 실행시킬 수 있다.
  > 등록된 Ant를 실행(double click)하면 Console창 실행됨

환경설정 모듈 개발(Property)
* 환결설정값은 되도록이면 한곳에서 관리하는 것이 좋다.
   따라서 properties 패키지에 config.properties 파일을 생성한다.
  - 폴더위치 : properties/persistence
  - 파일명     : config.properties

로깅 모듈 개발 (Log4j)
* lib 폴더에 log4j 라이브러리를 저장하면 된다.
* Logging 레벨
  - FATAL : 가장 크리티컬한 에러가 일어 났을 때 사용.
  - ERROR : 일반 에러가 일어 났을 때 사용
  - WARN : 에러는 아니지만 주의할 필요가 있을때 사용
  - INFO : 일반 정보를 나타낼때 사용
  - DEBUG : 일반 정보를 상세히 나타낼때 사용










jsfactory.co.kr

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

eclipse 이클립스 자동 줄바꿈 기능
Help > Software Updates > Find and Install > Search for new features to install > New Remote Site

- Name : WordWrap
- Update URL : http://ahtik.com/eclipse-update

설치 후 에디터창에서 오른쪽 마우스 클릭시 메뉴 중 "Word Wrap" 이라는 메뉴를 적용하면 된다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

토렌트 다큐 검색 : http://torrentfile.co.kr/

검색어 : 끈이론 , 고대 우주인, 아인슈타인

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

jsdoit - Share Javascript, HTML5 and CSS

　jsdo.it 무엇보다 독특한 것은 다른 사람이 쓴 코드를 버튼 1 개로 복제, 개조있는 곳에이 기능을 "포크"라고 부르고 있습니다. 예를 들어, 위의 <canvas> 샘플 포크하려면 jsdo.it에 로그인하여세부 정보 페이지에 가서, "Fork"버튼을 클릭합니다.

　그러면 앞의 코드의 사본을 그 자리에서 편집 시작할 수 있습니다. 이번에는 빛이 반짝반짝 너무 눈부셨다 때문에 속도를 10 분의 1로하여 화면의 변화를 관찰할 수 있도록하여 보았습니다 (포크하여 만들어진 작품은여기).

　이처럼 스스로 처음부터 쓰지 않아도 다른 사람이 만든 코드를 직접 만져 봄으로써, HTML5의 기능을 쉽게 테스트할 수 있습니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

http://www.w3c.or.kr/Translation/mwbp_flip_cards/

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

HTML CSS JAVASCRIPT로 IPHONE APPS 개발하기

저자 조나단 스타크 | 역자 성윤정, 황연주 | 출판사 아이티씨

Online Book : http://ofps.oreilly.com/titles/9780596805784/index.html

책소개
Object-C 혹은 Cocoa 없이 앱스토어 애플리케이션 만들기『HTML, CSS, JavaScript로 iPhone Apps 개발하기』. 이 책은 웹 개발자라면 누구라도 쉽게 아이폰 애플리케이션 개발자가 될 수 있도록 도와주는 안내서다. Objective-C나 Cocoa를 사용하지 않고 플랫폼 위에서 아이폰과 아이팟 터치를 위한 애플리케이션을 디자인하고 작성할 수 있는 오픈 소스 웹 기술들을 사용하는 방법을 배울 수 있다.

목   차

1장 시작하기
Web Apps VS. Native Apps
Web Programming 특강

2장 기본 아이폰 스타일링
첫 번째 단계
아이폰 CSS 추가하기
아이폰에 모양과 느낌 추가하기
jQuery와 기본적인 동작 추가하기
이 장을 마치며

3장 향상된 아이폰 스타일링
Ajax의 터치 추가하기
교통경찰 역할을 하는 iphone.html 작성하기
간단한 부가기능 추가하기
‘back' 버튼으로 되돌리기
Home Screen에 Icon 추가하기
Full Screen Mode
이 장을 마치며

4장 Animation
친구로부터 약간의 도움을 얻다.
Dates 패널 추가하기
Date 패널 추가하기
New Entry 패널 추가하기
Settings 패널 추가하기
하나의 HTML로 완성하기
jQTouch 사용자 정의에 맞추기
이 장을 마치며

5장 Client-Side 데이터 기억장치
localStorage와 sessionStorage
사용자 설정을 localStorage에 저장하기
Client-Side Database
이 장을 마치며

6장 Offline
Offline Application Cache의 기본
Online Whitelist와 Fallback 옵션
동적 Manifest 파일 생성하기
Debugging
이 장을 마치며

7장 Native
PhoneGap 소개
아이폰에 우리가 만든 애플리케이션 인스톨하기
JavaScript로 아이폰 제어하기
이 장을 마치며

8장 iTunes에 애플리케이션 올리기
아이폰 Distribution Provisioning Profile 만들기
아이폰 Distribution Provisioning Profile 인스톨하기
프로젝트명 변경하기
애플리케이션 바이너리 준비하기
애플리케이션 올리기
기다리는 동안
참고할 사이트


테스트 주도 개발

저자 켄트 벡 | 역자 김창준 외 | 출판사 인사이트

책소개

최근 주목받고 있는 프로그래밍 방법인 테스트 주도 개발, 즉 TDD를 설명한 최초의 책이자, 가장 권위적인 책. 테스트 주도 개발을 퍼뜨린 장본인이며 객체 지향 프로그래밍의 선구자 중 한 사람인 켄트 벡이 직접 썼다.

'테스트 주도 개발(Test-Driven Development)'은 테스트가 개발을 주도하는 방법이다. 테스트가 개발을 주도한다는 것은 테스트가 코딩의 방향을 이끌어 간다는 말이다. 테스트를 실패하는 코드가 없으면 코딩을 하지 않고, 코드 상에 중복이 있으면 제거한다는 간단한 규칙을 지켜나가면 자연스레 아름다운 코드가 천변만화 펼쳐진다. 덤으로 회귀 테스트도 생기고, 개발 과정 자체가 즐거워지는 보너스도 있다.

1부에서는 자바 언어를 사용해서 다중 화폐 코드를 작성하고, 2부에서는 파이썬 언어를 사용해서 단위 테스팅 프레임웍을 작성한다. 3부에는 이런 개발을 할 때 자주 등장하는 패턴들을 정리해 놓았다. 100여 개의 역주로 내용을 알기 쉽고 풍부하게 해설하고 있다. TDD를 국내에 처음 소개한 역자의 'TDD 수련법', '실전 TDD' 원고 추가했으며, 부록으로 TDD 시연 동영상 CD를 준다. 또한 한국어판 발간에 즈음한 켄트 벡 인터뷰를 수록했다.


저자 소개

<지은이>
켄트 벡(Kent Beck)
켄트 벡(Kent Beck)은 소프트웨어 패턴 운동의 선구자 중 한 명이며, CRC 카드와 HotDraw 드로잉 에디터 프레임워크, xUnit 유닛 테스팅 프레임워크를 개발했고, 리팩토링과 테스트 주도 개발을 소개했다. 또한 기민한 방법론(Agile Methodology) 중 가장 널리 알려진 익스트림 프로그래밍(Extreme Programming, XP)의 아버지다. 피플웨어로 유명한 톰 디마르코(Tom DeMarco)는 2001년 OOPSLA 컨퍼런스에서 "켄트 벡은 CMM 개발을 지휘한 와츠 험프리가 지난 10년 간 중요했던 것보다 더 중요해질 것"이라고 말했다. 켄트 벡은 현재 Three Rivers Institute 소속이다. 저술한 책으로는 Smalltalk Best Practice Patterns와 Kent Beck's Guide to Better Smalltalk 같은 스몰토크 패턴에 관련된 책들과 Extreme Programming Explained, Planning Extreme Programming(공저), Refactoring(공저), Contributing to Eclipse(공저) 등이 있고 현재도 여러 책을 집필 중에 있다.

< 옮긴이 >
김창준
현재 월간 마이크로소프트웨어 자문위원, 한국 XP 사용자 모임 설립자 및 코어그룹 멤버, XP 코치 팀 수석 코치.
다음커뮤니케이션, NHN, 한미 연합사령부, SKT, 삼성전자/전기 등에 XP 코칭, 교육, 컨설팅 등을 제공한 바 있다.
한국 XP 사용자 모임 http://xper.org 를 운영하고 있다.

강규영
현재 다음커뮤니케이션 R&D 센터에서 근무중. 한국 XP 사용자 모임 코어그룹 및 XP 코치 팀으로 활동하고 있으며 김창준씨를 도와 여러 XP 컨설팅에 참여.
개인위키 http://jania.pe.kr 을 운영하고 있다.

목  차

TDD 수련법 (by 김창준)
한국어판 인터뷰
　
1부 화폐(돈) 예제
　
1장 다중 통화를 지원하는 Money 객체
2장 타락한 객체
3장 모두를 위한 평등
4장 프라이버시
5장 솔직히 말하자면
6장 돌아온 ‘모두를 위한 평등’
7장 사과와 오렌지
8장 객체 만들기
9장 우리가 사는 시간(times)
10장 흥미로운 시간
11장 모든 악의 근원
12장 드디어, 더하기
13장 진짜로 만들기
14장 바꾸기
15장 서로 다른 통화끼리 더하기
16장 드디어, 추상화
17장 Money 회고
　
2부 XUnit 예시
　
18장 xUnit으로 가는 첫걸음
19장 테이블 차리기
20장 뒷정리하기
21장 셈하기
22장 실패 처리하기
23장 얼마나 달콤한지
24장 xUnit 회고
　
3부 테스트 주도 개발의 패턴
　
25장 테스트 주도 개발 패턴
26장 빨간 막대 패턴
27장 테스팅 패턴
28장 초록 막대 패턴
29장 xUnit 패턴
30장 디자인 패턴
31장 리팩토링
32장 TDD 마스터하기
　
부록 A 영향도
부록 B 피보나치
마치는 글 (by 마틴 파울러)
실전 TDD (by 김창준, 강석천)

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장

가진 것 하나를 열로 나누면
우리가 가진 것이 십 분의 일로 줄어드는 속세의 수학과는 달리
가진 것 하나를 열로 나누었기에
그것이 ‘천’이나 ‘만’으로 부푼다는 하늘나라의 참된 수학,
끊임없는 나눔만이 행복의 원천이 될 수 있다는
행복 정석을 그들과의 만남을 통해서 배우게 된다.
-이태석 신부, ‘친구가 되어 주실래요?’에서

‘울지마 톤즈’로 세상을 울린 故 이태석 신부님 글입니다.
이태석 신부는 부족한 것들 때문에 불편한 점도 있지만
부족한 것들 덕분에 깨달음도 많이 얻는다고 말했습니다.
무엇보다도 작은 것들에 대해 감사하는 마음을
덤으로 얻게 되어 기쁨이 크다고 말합니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 홍반장