Hengki's archive

[1] 서론

 보통 XpressEngine(이하 XE)에 무슨 개발환경이 필요해!! 라는 생각을 할것입니다. 저도 마찬가지 입니다. 메모장이든 에디트 플러스든 울트라 에디터든 많은 텍스트 에디터 에서 HTML, CSS, JAVASCRIPT 만 수정하면 됩니다. 근데 왠 XE에 개발환경 세팅을 운운 하는것일까요? ㅎㅎ 아무 이유 없습니다. 그냥 이런식으로 하면 좀더 편하게 개발할수 있겠다 라고 생각했습니다.


[2] 요약

이클립스로 HTML, CSS, JAVASCRIPT 개발.

1. JDK 설치
2. 이클립스 설치
3. 이클립스FTP 플러그인 
4. 개발 화면 설정

[3] 설치

1. JDK 설치
이클립스를 실행 하기 위해서는 JDK 또는 JRE가 필요합니다. 



2. 이클립스설치
이클립스는 설치 프로그램이 아닌 포터플(설치불필요)프로그램 입니다. 이클립스 사이트에서 바로 다운 받습니다.



3. 이클립스 플러그인 설치
 주로 XE프로그램은 FTP 상에서 개발을 하기 때문에 FTP연동이 필요합니다. Aptana 프러그인을 설치하여 FTP를 사용할수 있도록 하겠습니다. (굳이 이클립스를 설치하지 않고 http://www.aptana.com/ 에서 aptana를 설치하셔도 됩니다.)



4. 개발 화면 설정
 XE를 개발하기 편한 화면으로 설정해 보도록 하겠습니다.
 

자바 서블릿 환경을 구축 했다면 이제 본격 모바일웹 개발을 시작할까요~!!

1. 프로젝트 생성
2. 간단한 웹페이지 작성

 

1. 넷빈실행.
- 7.0이 나왔군요.

 

2. 초기화면
- 과감하게 Start Page 는 X 눌러주세요

 

3. 프로젝트 생성
- Projects 탭에서 마우스 오른쪽 클릭뒤 New Project... 선택

>New Project

 

4. New Project 생성
- Java Web의 Web Application 을 선택합니다.

> Next

 

5. New Web Application 에서
- Project Name 과 Project Location를 정하고 다음을 클릭

>Next

 

6. Server and Settings
- 서버를 세팅하는 과정입니다. Server는 FlassFish Server 3.1를 사용하도록 하겠습니다.
- 넷빈7 에서는 아파치 톰켓도 기본 지원을 하는 군요. (어떤걸 선택 하셔도 무관함니다.)
- 자바 버전은 대동소이 한것 같습니다.
- Context Path 이 부분은 웹페이지 경로를 지정하는 것입니다. 보통 아이피 혹은 도메인 뒤에 나오는 경로인데요. /test 를 입력 할 경우 123.123.123.1/test 이런 경로를 가지게 됩니다. / 만 입력하게되면 123.123.123.1 이렇게 경로가 생성되겠죠!! 나중에 수정 가능합니다.

>Finish

 

7. 프로젝트 생성 완료
- f6 혹은 위에 플레이버튼을 눌러 프로젝트를 실행해 보세요.
- Hello World! 가 나왔다면 성공 입니다.
- 아참! 모바일웹 환경은 브라우저를 구글크롬을 사용하는것을 추천합니다. 모바일 환경하고 가장 일치합니다.

> F6

 

8. 빈 도화지가 마련됐습니다. 기존 웹 개발 하던 분들은 그냥 일반 개발하고 같은걸 느끼셧을 겁니다. 아마... 지금부터도 쭈욱~ 같은걸 느끼실거에요 ㅎ

 

 

 

 

 

 

 

 

 

 

 

 

모바일 웹 이라 하여 모바일 웹 개발 환경이 따로 있는 것은 아닙니다. 기존의 웹 개발 환경에서 모바일 전용 페이지를 구성한는 것이 옳은 표현일것입니다. 여기서 설명하고자 하는 것은 그냥 JAVA SELVET 의 웹 개발 환경입니다.

 

이 포스트에서 다뤄지는 내용.

 

 

1. JDK 설치

자바 개발을 하려면 JDK(java development kit)설치는 필수 사항입니다.

1. 자바 jdk 다운로드 : http:/download.oracle.com/otn-pub/java/jdk/6u25-b06/jdk-6u25-windows-i586.exe
2. JDK 설치
   - jdk는 기본 설치입니다. 모두NEXT .
   
   
   
   
   
   
   
   
   
   
   
   
   
   기본 설치시 C:\Program Files\Java\jdk1.x.x_xx 로 설치를 확인할수 있습니다.
   
   
3. JDK 환경설정
   - JDK를 사용하기 위해서는 환경설정이 필요합니다.
   
   > 내 컴퓨터->속성->고급 ->환경변수
   
   
   
   
   
   
   
   > 변수 추가
   사용자 변수 혹은 시스템변수에 위와 같이 추가해준다.

 

 

 

1. Netbeans 설치
   1. http://netbeans.org/ 에서 넷빈즈를 다운 받는다.
      
   2. 넷빈즈 설치
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      포스팅 중에 넷빈7 버전이 나왔네요. 설치 방법은 같습니다.
      
      
      

       

       

 

• 다음 포스팅에서는 프로젝트 생성 및 개발환경 설정에 대해서 다루겠습니다.

 

 

    

훈스닷넷 커뮤니티에 이런 글이 올라와 있어 발췌 해본다.
출처 : 훈스닷넷