넷빈 6.0 에서 Maven 사용하기 - web application - 02

0

Written on 오후 5:13 by 강여사(J.Y.Kang)

아래에 이어서 올립니다.

역시 방법은 비슷~

New project




역시 Maven 에서 Maven Project 선택후 Next




이번엔 웹어플리케이션이니 두번째인 Maven WebApp Archetype 선택후 Next




프로젝트 이름 적당히 주시면 됩니다. (이번엔 모처럼 귀차니즘 탈피 끝에다 web 이라고 적어줬습니다. 오호호. 머 걍 놔두고 1,2, 이렇게 이름 붙이는 대로 써도 됩니다)

Finish




역시 뭔가 두룩두룩 돌아가고 나중에 index.jsp 가 나타납니다.

(첫줄에 서블릿 패키지가 없다고 징징 거리던데..음.. 머 걍 돌렸는데 돌아가길래 왜 그런지 안 찾아봤습니다. --; 아시는 분은 답글~)

Run 하시면 브라우저가 뜨고 역시 Hello World! 가 출력됩니다.





결과화면




이상입니다.

Maven 을 넷빈에서 쓰시고자 할때에는 버전에 주의하시면 더 편합니다.

넷빈 6.0 인 경우는 지금처럼 이렇게~ 샤방샤방.

벗드 넷빈 5.* 인 경우 넷빈 모듈 파일을 받아 사용자 설치후에 다시 부족한 모듈들은 원격으로 업데이트 하고

그런 다음에도 여러가지 pom 파일들에 대한 추가 작업을 직접 해줘야 합니다.

쪼매 귀찮더군요..--;

머~ 나름 다 장단점이 있겠습니다만..

아무튼 전 최대한 타이핑 안 치는게 좋아서리... *^^*

그럼 이만 ~



넷빈 6.0 에서 Maven 사용하기 - install, basic - 01

0

Written on 오후 5:05 by 강여사(J.Y.Kang)

음 저도 Maven 에 관심이 있던 터라 넷빈에서 사용하는 방법에 대해 올려보겠습니다.

일단 Maven 은 apache 프로젝트(http://maven.apache.org/)로 현재에는 버전이 2.0.7 인가 그렇던데,

넷빈이랑 붙이고 또 잘 돌아가려면 거기서 받아서 두루두루 연결하는 것도 하나의 방편이겠지만 걍 쓰려면 역시나 넷빈의 업데이트~ ㅋ

넷빈 6.0 에서는 기존의 update center 가 plug-in 이라는 메뉴로 바꿨으니 그것도 함 보도록 하죠. 겸사겸사.

(넷빈 5.0 이상부터 지원됩니다만 넷빈 6.0 대와 방법이 틀리기 때문에 여기 게시물에서는 넷빈 6.0의 방법으로 설명하겠습니다.

아래버전꺼는 다음에..)

넷빈 6.0 에서 Maven 을 쓰는 방법은 무진장 쉽습니다. 걍 업데이트만 해주면 끝~

Tools - Plugins 클릭



Plugin Manager 창에 두번째 탭을 보시면 New Plugins 가 있습니다.
거기서 Maven 을 클릭하고 아래 Install 버튼을 누르시면 됩니다.




설치하는 과정 그림입니다.

Next




약관에 동의..

I accept *** 에 클릭하고 Install 버튼 클릭




설치가 완료되면 Finish



이럼 넷빈 6.0 에서의 Mavel 플러그인이 추가 설치 됐습니다. --;

예전때와는 마~~니~~ 틀리죠. 6--;

그럼 계속해서 베이직 자바 프로젝트 부터 만들어 보겠습니다.

New Project




Maven 카테고리에서 Maven Project 를 선택

Next




우선 일반 자바 프로젝트부터 시작하죠.

맨 위의 Maven Quickstart Archetype 을 선택하고 Next



프로젝트의 이름을 정해주고( 역시나 걍 잡힌대로 썼습니다 저는..이노무 귀차니즘은..헐..)

Finish




그럼 뭔가가 두륵두륵 만들어지고 난 후 Source packages 를 열어보면 App.java 가 들어 있습니다.

Hello World 를 찍는 녀석이네요.

그럼 이걸 실행하면 되는데 이떄 메인 클래스 인식을 위해 프로젝트의 프로퍼티에서 작업을 하셔야 합니다.

프로젝트 - 마우스 오른쪽 - Properties - Run

으로 가시면 Main class 가 비어있습니다. 그 옆에 browser 버튼을 눌러서 지금 App (com.mycompany.mavenproject.App)를 선택하신 후(Select Main classes) OK




머 그냥 Run 해도 빌드하겠지만 build 해주고 Run 했습니다.




Run 하시면 아래 출력창으로 Hello World 가 보입니다.

물론 Maven의 일련의 절차를 다~~ 거친 후에. ^^;




결과화면




일단 그림이 더 안 올라가서 여기까지.

웹 어플리케이션은 다음 게시물에..

Maven 에 대해 알고 싶으신 분은 IBM 문서나 기타 서핑하시면 자세히 나옵니다.

그럼 나머지 연휴 시간 잘 보내세요~ ^^

Warriors of The .Net

0

Written on 오전 4:28 by 강여사(J.Y.Kang)

제가 젤루 좋아하는 동영상중 하나입니다.

기초 네트워크로 배우기로는 딱이죠.^^

원 사이트는 여기

Warriors of the Net- Warriors of the Net Describing:TCP/IP, animation, Internet, 3dgraphics, educational,101 Networking,free.

www.warriorsofthe.net/

저기에는 한국말이 없습니다.

해커스랩에서 한국말 자막을 넣은거..링크는 다음과 같습니다.

http://www.hackerslab.org/images/tech/goodwarriors.wmv

넷빈에서 jMaki 를 이용하여 Mashup 만들기 - 02

0

Written on 오전 3:22 by 강여사(J.Y.Kang)

그럼 매시업 구현을 해보도록 하겠습니다.

일단 새 프로젝트를 만들어야 겠죠.

New Project

클릭




이번 매시업은 구글과 야후의 맵을 이용한 내용입니다.

웹브라우저상의 구현이니 웹 어플리케이션을 만들도록 하겠습니다.

Web - Web Application

클릭




프로젝트의 이름은 CityLocator (도시위치 찾기 쯔음으로 보시면 될듯)

프로젝트 이름으로 아래 Context 의 기본세팅이 될테고

문제는 Server 설정입니다.

이 서버가 j2EE5 가 지원되는 glassfish 로 연결되어 있으시면 됩니다.

저의 설정을 보시면 (Manage 클릭)




Sun Java System Application Server 라는 이름으로 서버가 설정되어 있는데

이걸 저는 넷빈 6.0 M10 에서 자동인스톨된 glassfish- v2 - b53 을 연결해 썼습니다.

서버 추가는 아래 add Server 를 이용하시면 됩니다. (버튼 클릭후 해당 넷빈 IDE 에서 가능한 서버를 찾아 홈 폴더를 지정하시면 됩니다. )




서버확인이 끝났으면 아까에서 next 를 누릅니다.

그럼 프레임워크 설정이 나오는데

5.5.1 에서 기본적으로 들어있는 JSF 와 Struts 외에 jMaki Ajax Framework 가 위에 올라와 있는 게 보이실 겁니다.

체크하시면 아래로 CSS 레이아웃들이 나타납니다.

그럼 그 중 지금 하고자 하는 내용은 2개의 칼럼과 하나의 footer 를 가진 레이아웃을 선택합니다.

Two Column with Footer

항목 클릭후

Finish





그럼 자동적으로 jMaki 에 대한 여러가지 위젯들이 파레트에 나타나고 (화면 오른쪽)

아까 선정한 CSS 레이아웃을 가진 index.jsp 가 편집창에 나타납니다.




하고자하는 내용은 오른쪽 칼럼부분에 구글맵을, 왼쪽 칼럼 부분에는 야후맵을 그리고, footer 에는 야후의 지역찾기코더 를 넣을 예정입니다.

따라서 편집창에 나타난 index.jsp 아래쪽에 보시면 Right Column 이라는 글씨가 적혀 있는 DIV 가 있습니다.

Right Column 이라는 글씨를 지우고 대신 파레트에서 jMaki Google 이라는 항목아래 보시면 Map 이 있습니다.

그걸 드래그 해서 Right column 글자가 있던 곳에 놓습니다. (그림의 회색부분)




비슷한 방법으로 이번엔 Left column 이라는 글씨를 지우고 글자가 있던 곳에 파레트로 부터 jMaki Yahoo 카테고리의 Map 을 드래그 해서 놓습니다. (그림의 회색부분)




그런 다음 마지막으로 footer 라고 적혀진 글자 대신 역시 jMaki Yahoo 에서 Geocoder 를 드래그해서 놓습니다.




프로젝트를 저장하고 실행합니다.

Run Project

그럼 다음 그림과 같이 왼쪽에는 야후에서 제공하는 맵이, 오른쪽에는 구글에서 제공하는 맵이 나타나고

아래 하단부에 원하는 위치를 찾고자 하는 검색란이 보입니다.

저는 동경의 디즈니랜드를 검색해 봤습니다.

Tokyo, Disneyland

입력후 클릭




이전에도 말씀드려 아시겠지만 미국이나 일본 등등에서는 구글에서 제공하는 Map, Satellite, Hybrid 가 모두 제공됩니다. (한국, 북한 등은 Map 기능은 제공되지 않습니다. --;)

줌 인(+), 줌 아웃(-) 다 잘 지원되고 줌인 한 상태에서 Map 이나 기타 다른 지명으로 가면 해당 줌인 배율로 다음 로케이션이 나타납니다. ^^

그럼 일단 여기까지 하고 졸려서 다음 대목은 다음에..




수고 하셨습니다.

넷빈에서 jMaki 를 이용하여 Mashup 만들기 - 01

0

Written on 오전 3:19 by 강여사(J.Y.Kang)

예전에도 구글 맵을 구현해 봤습니다만 이번엔 jmaki 를 사용해서 더 쉬운 방법으로 매시업을 구현해 보도록 하겠습니다.

우선 이쪽 게시판에 쓴 대로 일단 넷빈 5.5.1 버전에서 진행할 예정이고(이유인즉은 제가 캡처한 화면이 5.5.1의 update center 를 이용하여 jmaki support 플러그인을 받아왔기 때문입니다. ) 그리고 J2EE 5 가 구동되는 glassfish 가 필요합니다. (저는 넷빈 6.0 M10 풀버전 설치시에 자동 인스톨되는 glassfish v2 b53 을 사용하였습니다.)

정리해보면~

IDE: 넷빈 5.5.1 버전
UpdateCenter 를 이용하여 jmaki 플러그인 설치할 예정
glassfish v2 이상 (현재 릴리즈 버전은 v2 이고 v3이 테스트 중입니다)

각각의 해당 사이트는
http://www.netbeans.org
http://glassfish.java.net
그리고 jmaki 참조사이트는

http://ajax.dev.java.net (jmaki.com)
http://forums.java.net/jive/forum.jspa?forumID=96
그리고 본 예제는 blogs.sun.com/arungupta 에 있습니다.

그럼 하나씩 해보도록 하겠습니다. (우선 저는 5.5.1 이 설치되어 있다고 가정하고 jmaki 플러그인을 받는 거 부터 합니다)

5.5.1 버전에서는 update center 로 가시면 됩니다.

Tools - Update Center 클릭



넷 상에서 플러그인을 업데이트 하되 맨 아래 베타까지 모두 체크하신 후에 Next 를 눌러주세요.




아래쪽의 Netbean Update Center Beta 카테고리에 jMaki Ajax Support 항목이 있으실 겁니다.

마우스로 클릭하면 아래 자세한 설명이 나옵니다.

중간에 있는 ADD 버튼을 클릭하여 인스톨 하도록 합니다.

Next




플러그인에 대한 동의란입니다.

Accept




설치바가 다 진행되어 설치가 완료되면 (Done.) Next




인스톨될 모듈에 대한 사항입니다.

체크되어 있는지 확인하고
Finish



넷빈을 재가동 시킵니다.




이상 여기까지가 jMaki 플러그인 설치에 관한 사항입니다.

다음은 직접 매시업을 구현할 예정입니다.

다만 이전에 다시 한번 말씀드리지만 J2EE5 이 가능한 glassfish (머 똑같은 개념은 아니지만 예전의 J2EE 서버로 여기셔도.. 6--;;) 를 사전에 설치하시기 바랍니다.

그럼 다음 게시물에 계속..

jMaki Basic - korean(한글) pdf 자료

0

Written on 오전 3:05 by 강여사(J.Y.Kang)

jMaki 세미나 자료입니다.

파일로 올릴까 하다가 걍 한눈에 화악 보시라고 jpg로..--;

원 저작은 썬의 AJAX Architect 인 Greg Murray 와 Carla Mott 가 작성한 내용을 한국말로 옮기고 몇개 수정하고..

어데 세미나 할 예정은 아니고, 공부차 1차로(jMaki에 대한 가장 기초적인 내용입니다. 나중에 2탄 3탄이 계속 업글 될지는 모르겠습니다.--; 이것도 하다보니 귀차니즘이..쿨럭 --;) 정리하면서 카페식구들도 걍 jMaki 를 아셨으면 하는 바람에 올리는 거니 공부하시는데 도움되시기 바랍니다.

자료만이라 이걸 세미나로 했을때 떠들 내용이 안 들어가는군요.. 예를들어 jMaki가 2시간 만에 작명이 됐다라던가.. 넷빈에 깔려지는 플러그인에 약간의 버그가 어데 숨겨져 있다거나..ㅎㅎ 등등.. (사실 12월에 또 뭔 시험이 있어서리 그 공부중에 셤 공부가 지겨워서 심심풀이로 만든거라..--;)

아 데모는 넷빈 게시판에 보시면 jMaki의 간단한 데모가 있습니다. (바탕으로 본인이 직접 해보시면 됩니다. 달력이랑 탭뷰 등등도 함 만들어보세요. 피쉬아이던가..)

마지막으로 저의 모든 게시물이 그렇듯이 퍼가시지 마시고 걍 본인이 공부하시는 걸로 보십시오. 카페식구들 공부하시라고 올리는 거지 넷상에 널리널리 돌아댕기는 거 별로인지라..부탁드립니다. ^^

아 jMaki 는 대부분 '제이마키' 라고 읽습니다. *^^* (내용에도 있듯이 자바스크립트의 j 와 일본어의 Maki (마키)를 합성한거라 ^^;)

이거 pdf 가 필요하신 분들은 답글로 메일 달아주시면 보내드리겠습니다.

그럼 다음 시리즈는 뭐가 될지 기대하시고.. 아무튼 열심히 공부하세요~ ^^*