이클립스 활용

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 홍반장

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

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

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

Posted by 홍반장

# javascript library story

1. 모든 요소들을 읽어 들인다.

2. 모든 요소들을 관리할 수 있다.

3. 모바일 디바이스에 최적화한다(해상도 or 장비).

4. CSS로 관리되고, HTML로 표현한다.

5. 필요기능을 우선순위로 추가하고, 최신버전은 수시 배포한다.

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

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

Posted by 홍반장

이클립스 Helios & tomcat7 에선 web.xml 이 없다.
일단 책하고 틀리다. ㅋㅋ 서블릿3.0 기술엔 WEB.XML이 없다.
그런데, 프로젝트에서 우측클릭 하면 서블릿 메뉴는 그대로 있다.
서블릿을 생성하면 클래스명 위에 어노테이션이 붙는데,
어노테이션으로 서블릿객체와 매핑 설정으로 변경되었다.

@WebServlet(description = "테스트 서블릿", urlPatterns = { "/TestServlet" })

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

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

Posted by 홍반장

 XML의 내용을 JQuery로 불러와서 Array로 파싱.
.get 으로 xml의 내용을 가져와서 .each 로 루프하면서 출력하는 테스트 .
querystring 으로 넘어오는 값도 받아서 적용한다.
Aptana 로 로컬에서 Javasrcipt 테스트 중. 완전 좋다.

<!DOCTYPE html PUBLIC "-//W3C//  DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>     <head>         <meta content="text/html; charset=utf-8" http-equiv="Content-Type">         <title>jQuery -> XML -> Array : Parse </title>         <script src="jquery-latest.min.js" type="text/javascript">         </script>         <script type="application/javascript">                                                    $(function(){                              // 원하는 파라키터 호출                 var param01 = querySt("anum");                 //document.write(param01);                 $('#param01').html(param01);                                  $.get("hello.xml", {}, function(xml){                     $("item", xml).each(function(i){                         var title = $(this).find("title");                                                  alert("title 의 개수는 총 " + $(this).find("title").size() + " 개 입니다.");                                                  $.each(title, function(j){                                                      $("#content_xml").append("j = " + j + " , " + $(this).text() + "<br />");                                                      });                                                  $("#contents").append(title.text());                     });                 });                                  $('p').each(function(index){                     $(this).attr({                         'id': "para-" + index                     });                 });                 $('#btn').click(function(){                     alert($('#para-1').text()); //태그내의 텍스트 읽어오기                 });                                                   // QueryString 호출                 function querySt(ji){                     hu = window.location.search.substring(1);                     gy = hu.split("&");                                          for (i = 0; i < gy.length; i++) {                         ft = gy[i].split("=");                         if (ft[0] == ji) {                             return ft[1];                         }                     }                 }                                               }); //close $(         </script>     </head>     <body>         <div id='content_xml'>         </div>         <br/>         <div id='param01'>         </div>         <br/>         <div id='contents'>         </div>         <p>             C#         </p>         <p>             ASP.NET         </p>         <p>             SilverLight         </p>         <input type="button" id="btn" value="동적으로 생성된 id로 접근" />     </body> </html>

hello.xml
<?xml version="1.0" encoding="utf-8"?>
 <item>
     <title>Ezra Pound</title>
     <title>Edward Nom</title>
     <title>Nippon Ds</title>
     <title>Chin</title>
     <title>wani</title>
     <title>金洪完</title>
     <title>上海</title>
     <title>Ngio.co.kr</title>
 </item>

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

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

Posted by 홍반장

하이브리드 앱은 어떤 것인가? 에 대한 설명.

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

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

Posted by 홍반장

Firefox 4버전에 설치 가능한 FireBug 가 나왔군.
http://getfirebug.com/swarms/Firefox-4.0/?swarms=basic

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

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

Posted by 홍반장

http://docs.phonegap.com/index.html

API Reference

• Accelerometer
• Camera
• Compass
• Contacts
• Device
• Events
• File
• Geolocation
• Media
• Network
• Notification
• Storage

• Keyword Index

API Reference

• Accelerometer

  Tap into the device's motion sensor.

• Camera

  Capture a photo using the device's camera.

• Compass

  Obtain the direction that the device is pointing.

• Contacts

  Work with the devices contact database.

• Device

  Gather device specific information.

• Events

  Hook into native events through JavaScript.

• File

  Hook into native file system through JavaScript.

• Geolocation

  Make your application location aware.

• Media

  Record and play back audio files.

• Network

  Quickly check the network state.

• Notification

  Visual, audible, and tactile device notifications.

• Storage

  Hook into the devices native storage options.

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

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

Posted by 홍반장

모바일웹 모범사례 : http://www.w3c.or.kr/Translation/mwbp_flip_cards/

HTML5 makes web standalone application
HTML5 Showcase: 48 Potential Flash-Killing Demos
http://www.hongkiat.com/blog/48-excellent-html5-demos/


CSS3 gives rich user experiences
47 Amazing CSS3 Animation Demos
http://www.webdesignerwall.com/trends/ ··· demos%2F

Making native apps with Web Technology
•PhoneGap - http://phonegap.com
•Titanium appcelerator - http://www.appcelerator.com/products/
•Jo App - http://joapp.com/

Web UI Framework : iUI
•iUI: iPhone User Interface Framework
•Javascript, HTML, CSS
•Demo : http://chriscarey.com/projects/mythtv/iphone/

Web UI Framework : JQTouch
•JQTouch
•Similar to native app UI
•Javascript, HTML, CSS
•JS Library
•http://www.jqtouch.com/preview/demos/main/#home

Web UI Framework : Sencha
HTML5, CSS3, Javascript
Resolution independent
JS Library
http://touchstyle.mobi/app/

Widget Runtime Demo
•http://www.youtube.com/watch?v=0ryvnl1 ··· Drelated
•http://widget.developer.vodafone.com/en/
•http://www.youtube.com/watch?v=3xpS21aR-BQ

Extending Web Spec
•JIL (Joint Innovation Lab)
–Vodafone, VZW, Softbank, China Mobile http://www.jil.org/
•BONDI(OMTP driven)
•W3C Device APIs and Policy http://www.w3.org/2009/dap/

Waikiki –WAC engine
•http://public.wholesaleappcommunity.co ··· dex.html
•Widget Runtime
1. Spec (Core + DeviceAPIs)
2. Tools (SDK + RI[Reference Implementation])
3. Testing (Compliance process)

UI Element Kits
20 Free Web UI Element Kits and Stencils
http://speckyboy.com/2010/07/21/20-fre ··· ncils%2F
iPhone GUI PSD Version 4
http://www.teehanlax.com/blog/2010/06/ ··· sd-v4%2F

IAd JS - http://developer.apple.com/iad/

MobiOne 테스트 센터 : http://www.genuitec.com/mobile/
MobiOne 디자인 센터 : http://labs.blackbaud.com/netcommunity ··· id%3D249

OpenAPI 개발자 사이트 : http://www.programmableweb.com/
http://www.openonweb.com/api
http://mashupkorea.org
http://code.google.com/intl/ko-KR/more/#google-apis
http://www.smac.or.kr/jsp/front/index.jsp

트위터API
1. Twitter API Key 받기(https://twitter.com/apps/new)
2. Consumer secret, Request token 등록
3. 대부분 스크립트 언어 형태 지원(JSP, PHP, ASP..)
4. Twitter API(Search API, REST API)
5. Twittwer4J(http://twitter4j.org/en/index.jsp) Lib를 사용
※ 참고 사항 - 개발 시 한 시간 100쿼리, 하루 1000 쿼리 테스트 제약

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

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

Posted by 홍반장

"모바일OK" 란, 웹 사이트 또는 웹 응용에 대하여 유무선 단말의 종류에 구애 받지 않고 자유롭게 이용할 수 있도록 하는 국제 웹 표준 기술의 총칭을 의미함

한국형 모바일 웹사이트 유효성 검사 - http://v.mobileok.kr/
모바일OK시범사업 메인 사이트 - http://www.mobileok.kr/

MOKStore란?

모바일웹사이트를 제공하는 제공자에게는 모바일웹 애플리케이션의 스타트 페이지를 통한 홍보채널의 장을 제공하고, 일반 사용자에게는 우수 모바일 웹 정보 및 순위의 제공으로 모바일 웹 이용 활성화 도모함
http://m.mokstore.com/site/list

모바일OK아카데미 - http://www.mobileokacademy.or.kr/ :
 : HTML5 에 대한 강의와 자료 다운로드 가능.

MOIBA 한국무선인터넷산업연합회  (http://m.moiba.or.kr/)

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

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

Posted by 홍반장