Copy Coding

eclipse jsp 미리보기

eclipse에서 JSP와 HTML 파일 편집 작업을 하려는 경우 기본적으로 상단에 미리보기가 나타납니다.

JSP 미리보기 숨기기

그런데 미리보기는 성능에도 문제가 되고 소스를 보기에도 불편하여 편집 작업을 진행 하기에 불편한 점이 있습니다.  간단한 설정으로 미리보기 창이 나타나지 않도록 할 수 있으며 반대로 하면 미리보기가 나타나도록 할 수 도 있습니다.

상단 메뉴에서 Window > Preferences를 선택 합니다.

Preferences 창 좌측 메뉴에서 General > Editors > File Associations를 선택 합니다.  

그리고 우측에 있는 파일 확장자에서 *.jsp를 선택 하고 하단의 Associated editors에서 그림과 같이 JSP Editor (locked by ‘JSP’ content type)...를 선택 합니다.

Default 버튼 클릭 하면 상단으로 이동을 하며 기본 값이 변경 됩니다.  Apply and Close 버튼 클릭 하여 선택 값을 반영 합니다. 

선택 값이 바로 반영되지 않고 열려있는 jsp 파일을 닫고 다시 열어보면 상단의 미리보기 화면이 사라져 있습니다.

HTML 미리보기 숨기기

*.htm, *.html 파일의 미리보기도 동일한 방법으로 작업을 진행 합니다.

*.htm과 *.html을 각각 선택 하고 HTML Editor를 선택한 상태에서 Default 버튼을 클릭 하면 편집 모드가 우선으로 반영이 됩니다.

전에 Windows에 Visual SVN Server를 설치하고 eclipse와 연동하는 것을 설명한적이 있습니다.  이번에는 우분투에 subversion을 설치하고 eclipse와 연동을 하도록 하겠습니다.  ubuntu에 subversion을 설치 하는 것을 제외 하고는 작업하는 방법은 동일 합니다.  eclipse 부분은 설명을 간단히 진행 하도록 하겠습니다.  Visual SVN Server 4.0 연결은 다름 링크를 참고 하세요.

이클립스(eclipse) SVN 설치 및 연동

1. 설치

윈도우와 달리 우분투 에서는 간단한 명령어를 사용하여 설치가 가능 합니다.

$ sudo apt-get install subversion

2. 저장소 설정

프로젝트 작업을 진행 하기 위한 저장소를 하나 생성 합니다.

$ sudo mkdir /home/webadmin/svn

$ sudo svnadmin create /home/webadmin/svn/repository

생성된 디렉토리와 파일 정보입니다.

3. 계정 설정

이제 생성된 저장소를 사용할 수 있는 사용자 계정을 생성 합니다.  ubuntu에 로그인 하는 계정이 아닌 SVN을 사용하기 위한 계정 입니다.

먼저 설정 폴더로 이동 합니다.

$ cd /home/webadmin/svn/repository/conf

어떤 파일들이 있는지 확인해 봅니다.

$ ls

authz, hooks-env.tmpl, passwd, svnserve.conf 4개의 파일이 있습니다.

4개의 파일중 3개를 수정하여 사용자를 등록하고 접속을 허가하는 작업을 합니다.

먼저 접속 환경 설정을 수정 합니다. svnserve.conf 파일을 열고 편집을 합니다.

$ sudo vi svnserve.conf

파일이 열리면 우선 주석을 제거 하고 값도 수정해 줍니다.

수정한 파일의 내용은 아래처럼 생겼습니다.

이제 passwd 파일을 이용하여 접속 계정을 수정 합니다.

$ sudo vi passwd

파일을 열면 최초 기본적으로 예시를 하기 위해 2개의 계정이 주석으로 생성되어 있습니다. 모두 삭제하고 다시 만들거나 추가해도 되는데 저는 그중 하나를 선택해서 주석을 제거하고 비밀번호를 설정 했습니다.

저장소의 접근 권한을 authz 파일에 입력 합니다.

$ sudo vi authz

파일을 열고 생성한 계정에 일기권한(r) 쓰기권한(w)을 입력 합니다.

4. 서비스 시작/종료

서비스 시작 명령어 입니다.

$ sudo svnserve -d -r /home/webadmin/svn/repository

종료는 다음 명령어를 사용 합니다.

$ sudo killall svnserve

5. eclipse와 연동

우선 market place에서 subversion을 설치 한 상태에서 작업을 진행 합니다.  프로젝트에 마우스를 대도 우측 버튼을 클릭하여 팝업 메뉴에서 Team을 선택 합니다.

아직 한번도 소스를 SVN에 등록하지 않은 상태이기 때문에 현재는 두가지 옵션이 있습니다.  그중 Share Project를 선택 하여 소스를 등록 합니다. 

접속 하려는 서버가 SVN이니 SVN을 선택 하고 Next 버튼을 클릭 합니다.

Create a new repository location 라디오 버튼을 선택 하고 Next 버튼을 클릭 합니다.

svn 주소를 입력 하고 Next 버튼을 클릭 합니다.  오랜만이라 그런지 Visual SVN은 https로 시작 해서 여기서 좀 헤매었습니다.

폴더명을 그대로 사용하기 위해 체크 하고 Finish 버튼을 클릭 합니다.

생성한 harry 계정 정보를 입력 하고 저장을 클릭 합니다.

SVN 서버와 데이터를 비교하여 결과를 보여 주는데 처음 소스를 올리는 것이니 모두 + 표시로 나타납니다.

프로젝트 명에 마우스를 놓고 우측 버튼을 클릭 해서 모두 Commit 합니다.

커밋 하는 이유에 대해 comment 를 입력 하고 OK 버튼을 클릭 합니다.

소스가 모두 서버에 반영되었습니다.  이제 끝없는 update와 commit의 늪에서 허우적거리면 됩니다.

앞에서 VisualSVN Server 설치와 설정에 대해 설명을 했는데 이번에는 eclipse에서 접속해서 소스를 올리고 공유하는 방법에 대해 설명을 하도록 하겠습니다.  SVN Server의 종류가 여러 개 이고 어떤 프로그램으로 구동되는지는 상관 없습니다.  그저 약속된 방법으로 접속하고 자료를 주고 받을 뿐입니다.

형상관리 Visual SVN Server 4.0.0 설치 저장소 생성

1. eclipse에 SVN 설치

eclipse에 SVN 프로그램을 설치 하기 위해서는 Marketplace를 이용하면 됩니다. 상단 메뉴에서

Help > Eclipse Marketplace

를 선택 합니다.

검색 창에 svn을 입력하고 조회를 하면 SVN 관련 프로그램들을 볼 수 있습니다.

조회 리스트에서 선택을 하거나 마음에 드는게 없다면 하단 X matches, Browse for more solutions를 클릭 하면 리스트에 나오지 않은 프로그램들이 나오는데 여기에서 선택 해서 설치를 합니다.  그런데 리스트에 나오지 않는 경우, eclipse와 버전 차이로 지원이 안되는 제품도 있으니 별 문제 없다면 그냥 리스트에 있는 프로그램을 선택을 합니다.  여기서는 Subclipse 4.3.0을 설치 하기 위해 Install 버튼을 클릭 합니다.

어떤 기능들이 설치되는지 보여줍니다.  잘 아신다면 필요 없는 부분은 선택을 해제하고 Confirm버튼을 클릭 합니다.

저작권은 I accept the terms of…를 선택 하고 Finish 버튼을 클릭하여 설치를 진행 합니다.  eclipse 우측 하단에 뭔가 열심히 작업을 하다가

중간에 나오는 팝업은 Install anyway를 선택해 줍니다.  잠시 후

설치가 다 되었군요.  Restart Now 버튼을 클릭해서 수정사항을 반영 합니다.

2. SVN Server 연결

이클립스가 재실행 되었으면 eclipse와 SVN Server의 연결 작업을 진행 합니다.  SVN Server에서생성한 사용자를 이용하여 작업을 진행 합니다.

상단 메뉴에서

Windows > Show View > Other...

를 선택 합니다.

Show View 창이 나오면 SVN을 찾아 확장 합니다.

확장된 SVN에서 SVN Repositories를 선택 하면 eclipse 하단에 SVN Repositories라는 탭이 하나 추가 됩니다.

SVN Repositories라는 탭에 있는 SVN 아이콘을 클릭 합니다.

SVN Repository를 연결하는 창이 나오는데 SVN Server의 연결 URL을 알아야 합니다.  잠시VisualSVN Server로 이동 합니다.

VisualSVN Server에서 Repository에 마우스를 대고 우측 버튼을 클릭하고 Copy URL to Clipboard를 선택 하면 SVN 연결 주소를 얻을 수 있습니다.  복사된 URL을 보면

https://WIN-H59C5H78D8L:8443/svn/TestRepository/

이렇게 되어 있는데 앞부분을 SVN 서버의 IP로 변경을 하면 됩니다.  저는 로컬로 생성해서

https://192.168.70.131:8443/svn/TestRepository/

이렇게 하면 되겠군요.

다시 eclipse로 이동하여 복사해온 URL을 Add SVN Repository 창에 입력 하고 Finish 버튼을 클릭 합니다.  그럼 디지털 인증서가 나타납니다.  

Accept Permanently 버튼을 클릭 합니다.  이제 SVN Server에서 추가한 사용자 name/Password를 이용하여 접속을 합니다.

SVN Server에 생성한 id/pw를 입력 하고 Save 하면 eclipse 하단에 SVN Server와 동일한 형태의 Repository 모양을 볼 수 있습니다.

이것으로 연결 되었음을 확인 할 수 있습니다. 

3. SVN Server에 프로젝트 올리기

아직은 SVN Server에 프로젝트 소스가 등록이 되어 있지 않은 상태 이므로 제일 먼저 소스를 올리는 작업이 필요 합니다.  저장소에 공유할 프로젝트에 마우스를 대고 우측 버튼을 클릭하여 팝업메뉴 하단 쪽에 있는 Team을 확장 합니다.

아직 프로젝트가 올라간게 없어서 Commit, Update 등이 안보입니다.  여기서 Share Project를 선택 합니다.  

SVN을 선택 하고 Next 버튼을 클릭 합니다.

현재 생성된 TestRepository에 올리는 것이므로 그냥 Next 버튼을 클릭 합니다.

프로젝트 명도 그대로 올려 줍니다.  Finish 버튼을 클릭 합니다.

설정을 저장하려면 Remember my decision 을 체크 하고 Yes 버튼을 클릭 합니다.

이제 Synchronize가 처리 되었습니다.

좌측에서 (+)표시가 서버에 없는 폴더와 파일들 인데 지금은 처음 소스 올리는 상황이므로 전체 소스를 올리기 위해 프로젝트에 마우스를 대고 우측 버튼 클릭 후 Commit을 선택 해서 프로젝트 전체를 Commit 합니다.

소스 올리는 이유에 대한 주석을 달고 OK 버튼을 클릭 합니다.

소스가 모두 올라 갔습니다.

진짜인지 SVN Server로 이동하여 확인해 봅니다.

Repository에 mavenexample로 잘 올라 갔습니다.

이제 다른 개발자와 공유하거나 다른 곳에서 작업을 하려면 Check out 받아 사용하면 됩니다.

1. 다운로드

maven을 다운로드하기 위해 사이트에 접속 하고 좌측 메뉴에서 Download를 선택합니다.

https://maven.apache.org/download.cgi

좀 가까운 곳에서 다운로드 하려면 우측에서 mirror사이트를 선택 하고 change 버튼을 클릭 합니다.

조금 아래쪽으로 내려오면 Files에서 윈도우에 설치 하기 위해 zip으로 압축된 bin형태의 파일을 다운 받습니다.

2. 설치

설치는 적당한 위치에 압축을 풀어 주면 완료 됩니다.

저는 관리가 편하도록 project 폴더에 모두 모았습니다.  그리고 나중에 사용하기 위해 repository 폴더도 하나 생성 했습니다.

3. 환경설정

환경 변수에 등록을 하여 사용이 편리하도록 하는 작업 입니다.  탐색기 [내 PC]에 마우스를 놓고 우측 버튼을 눌러 팝업 메뉴 에서 속성을 선택 합니다.  제어판에서 시스템을 찾아도 됩니다.

시스템 창이 나타나면 

고급 시스템 설정을 선택 합니다.

환경 변수를 선택 합니다.

새로 만들기 버튼을 선택하고 maven을 추가 합니다.

변수이름 : MAVEN_HOME

변수 값 : MAVEN 폴더의 경로(F:\project\apache-maven-3.6.1)

이번엔 Path에 추가 합니다

Path를 선택 하고 편집 버튼을 클릭하여 

메이븐의 bin 폴더를 추가해 줍니다.  이제 설치가 완료 되었는지 확인을 해봅니다.  

콘솔 창을 하나 열어서 mvn –version을 입력하고 엔터를 칩니다.

java path를 잡지 않은 경우에는 오류가 발생 합니다.   설정이 되어있지 않다면 메이븐과 동일한 방식으로 추가를 해줍니다.

다시 mvn -version

이번엔 명령이 잘 실행 되는 군요.

4. eclipse 설정

이제 eclipse에 연결을 해보겠습니다.  요즘엔 기본적으로 eclipse에 maven이 포함되어 있어 그냥 사용해도 무방하지만 신규 버전으로 설치를 했으니 변경을 하고 관리도 편하게 변경을 해봅니다.

이클립스 상단 메뉴에서

Windows > Preferences

를 선택 합니다.

좌측 메뉴에서 Maven을 찾아 Installations를 선택 합니다.

현재 eclipse에 embedded되어 있는 3.5.3 버전을 사용 중 입니다.  새로 설치한 메이븐을 추가하기 위해 Add 버튼을 클릭합니다.

Directory 버튼을 클릭하여 maven 설치 위치를 선택 합니다.  Finish 버튼을 클릭 합니다.

체크박스를 새로 추가한 maven으로 변경 합니다.

이제 좌측에서 User Settings 메뉴를 선택 합니다.

Browse 버튼을 이용하여 새로 설치된 폴더의 settings.xml 파일을 선택 합니다.

settings.xml 파일의 위치가 변경 되었습니다.  이제 ropository를 처음에 생성해둔 곳으로 변경을 하도록 합니다.  파란색 (open file)을 선택하면 settings.xml 파일이 열립니다.  그럼 Apply와 Apply and Close 버튼을 클릭하여 설정을 반영합니다.

settings.xml 파일에서 <localRepository> 를 찾아 주석을 제거합니다.      

신규로 생성한 폴더의 위치로 입력을 합니다.

파일을 저장하고 다시 Windows > Preferences 창으로 가봅니다.

repository위치가 변경이 되었습니다.

수정 사항을 반영하려면 eclipse를 재시작 해야 합니다.  재시작 하면 뭔가를 계속 작업하고 있는데 변경된 설정에 맞게 repository 폴더로 파일을 다운받고 있는 것 입니다. 

repository 폴더에 가보면 파일들이 새로 다운로드 되었습니다.  설치 및 연동이 잘 되었습니다.  프로젝트를 하나 만들어 보면 될것 같습니다.