Copy Coding

코딩할때 tab을 사용하거나 space를 사용하거나 한가지만 잘 사용하면 되는데 사람에 따라 두가지를 혼용하여 사용하면서 문제가 발생하게 됩니다.

특히 공통을 적용하거나 한번에 모든 소스를 수정할 때에 가끔 어려움을 격어야 하기도 하고 문서 작업할 때 소스를 복사하면 들쑥날쑥해서 한번더 손을 대야하는 경우가 발생 합니다.

이런 상황을 방지하기 위해서는 tab 보다는 space를 사용하는게 좋은데 eclipse는 기본적으로 tab을 적용하게 되어 있어서 space를 사용하려면 한번 설정을 해줘야 합니다.

설정 방법은 파일 종류별로 하나씩 설정을 할 수도 있고

한번에 모든 파일에 적용되게 할 수도 있으며

기존에 작업한 파일들도 한방에 space로 전부 변경할 수도 있습니다.

하나씩 알아보도록 하겠습니다.

I. file 종류별 설정

1. Preferences 설정 창 열기

Eclipse 또는 STS(Spring boot)를 열고 메뉴에서

Windows > Preferences를 선택 하면 설정 창이 오픈 됩니다.

2. tab 검색

Preferences 창의 “type filter text” 부분에 설정을 위헤 “tab”을 입력해 검색을 진행 합니다.

좌측에 탭을 설정해야할 파일 종류별 목록들이 다 보이는 군요.  차례대로 하나씩 설정을 진행 합니다.

스페이스로 변경해야 하는 파일 종류만 선택해서 작업을 진행 하면 됩니다.

CSS는 디자이너랑 싸우기 싫은뎅…. 걍 넘어가야지….

3. java 파일 설정

파일 확장자가 java인 파일들의 tab 간격을 space로 변경하도록 합니다.

Java > Code Style > Formatter를 선택 하고

우측에서 [New] 버튼을 선택 하면 새로운 창이 나오는데

Profile name에 구분하기 좋은 임의의 명칭을 입력해 줍니다.   저는 java space로 입력 했습니다.

name 입력을 하였으면 [OK]버튼을 클릭 합니다.

이제 실제 설정 창이 나타나는데

Indentation > Tab policy에서 Tabs only로 선택되어 있는데 이것을 Spaces only로 변경하고

하단 우측의 [OK] 또는 [Apply] 버튼을 클릭 하여 설정화면을 닫습니다.

다시 Preferences 창으로 돌아와 보면 Formatter의 Active profile이 java space로 변경이 되었습니다.  만약 변경이 안되었다면 클릭해서 방금 수정한 java space를 선택하고 우측 하단 [Apply] 버튼을 클릭해서 설정이 반영되도록 합니다.

java만 설정하려는 거라면 [Apply and Close] 버튼을 클릭하여 Preferences 창을 닫으면 됩니다.

4. JavaScript 파일 설정

JavaScript 파일도 java 설정 방법과 동일하게 좌측 메뉴에서 Formatter를 선택하고

우측에서 [New] 버튼을 클릭해서 이름 설정 창을 오픈 합니다.

Profile name에 기억하기 좋은 이름을 입력하고 [OK] 버튼을 클릭 클릭하여 설정 창을 오픈 합니다.

설정 창 Indentation 탭에서 Spaces only를 선택하고 우측 하단의 [OK] 버튼을 클릭 합니다.

다시 Preference 창으로 돌아와 Active profile에 방금 설정한 이름으로 변경이 되었는지 확인 하고 우측 하단의 [Apply] 버튼을 클릭해서 설정을 반영 합니다.

5. css 파일 설정

css 파일 설정은 위에서 했던 설정 방법과는 조금 다르게 진행 되는데 좌측에서 Editor 메뉴를 선택합니다.

그리고 우측에서 Indent using spaces를 선택 하고 탭 사이즈도 알맞게 변경한 후에 [Apply] 버튼을 클릭해서 설정을 반영 합니다.

6. html 파일 설정

html은 css 파일 설정과 동일한 방법으로 좌측에서 Editor 를 선택 하고

우측에서 Indent using spaces를 선택 하고 탭 사이즈도 알맞게 변경한 후에 [Apply] 버튼을 클릭해서 설정을 반영 합니다.

7. xml 파일 설정

xml 파일도 Editor를 선택 하고

우측에서 Indent using spaces를 선택 하고 탭 사이즈도 알맞게 변경한 후에 [Apply] 버튼을 클릭해서 설정을 반영 합니다.

이렇게 해서 tab을 space로 변경이 필요한 파일 종류별로 설정하는 방법을 알아 보았습니다.

II. 모든 파일 설정 변경 방법

이번에는 각각의 파일 종류와 관계 없이 프로젝트에 포함된 모든 파일들에 대해 tab을 space로 한번에 변경하는 벙법에 대해 알아봅니다.

1. Preferences 창 열기

설정 창을 오픈하는 방법은 위에서 사용한 방법과 동일 합니다.

Eclipse 또는 STS를 열고 메뉴에서

Windows > Preferences를 선택 합니다.

2. tab 검색

Preferences 창의 “type filter text” 부분에 검색을 위헤 “tab”을 입력해 줍니다.

그리고 검색 결과에서 General >Editors > Text Editors를 선택 합니다.

우측에서 Insert spaces for tabs를 체크 하고 탭 간격(여기서는 4)을 입력해 줍니다.

설정이 완료되면 [Apply and Close] 버튼을 클릭 해서 설정을 반영 합니다.

모든 파일의 tab 간격을 space로 변경해야 한다면 정말 간단한 방법입니다.

III. space 설정 작업 반영하기

위에서 파일 종류별 설정 방법과 모든 파일에 대한 설정 방법에 대한 두가지 방법으로 tab을 space로 설정하는 것을 알아보았습니다.

그런데 설정을 했다고 기존에 tab으로 된 부분이 space로 자동으로 변경되는 것이 아니고 tab으로 작업된 부분은 그냥 원래대로 tab으로 남아있고 새로 작업하는 부분부터 space가 적용됩니다.

그래서 기존에 작업해 놓은 파일들에 대한 수정을 해야 하는데 이걸 한번에 수정하는 방법입니다.

I번 방법대로 하나의 파일 종류만 선택한 경우는 해당 종류만 변경되고

II번 방법대로 전체 파일에 대해 선택한 경우에는 모든 파일이 변경 됩니다.

프로젝트에 마우스를 놓고 우측 버튼을 클릭 합니다.

Source > Format을 클릭해 줍니다.

끝입니다.

모두 수정 되었습니다.

IV. 수정사항 확인

지금까지 여러 방법으로 설정을 해 보았는데 실제로 tab이 space로 변경이 되는지 확인해 보도록 하겠습니다.

설정을 통해 space와 tab이 기호로 표기되어 잘 보이도록 합니다.

상단메뉴에서

Window > Preference를 선택 하여 Preferences 팝업 창을 오픈하고

General > Editors > Text Editors를 선택 합니다.

우측에서 Show whitespace characters를 체크하고 하단에 있는 [Apply and Close] 버튼을 클릭 합니다

파일 하나를 열어보면 tab과 space(점)가 특수 기호로 보입니다.

10번 11번 라인은 java 파일에 대해 space를 적용하고 탭을 사용한 경우 getId()에 탭 대신 공백이 반영된 모습입니다.

보다시피 기존의 tab은 변함이 없고 신규로 작업하는 경우에만 tab이 space로 나타납니다.

이런경우 프로젝트 전체에 대해 설정을 반영하여 한번에 변경하는 방법을 사용해 보겠습니다.

위에서 III번에 해당하는 작업을 실행 합니다.(Project에 우측 마우스 클릭 > Source > Format 선택)

탭이 모두 스페이스로 수정 된것을 확인할 수 있습니다.

수정된 space를 다시 tab으로 되돌리고 싶으면 Ctrl + Z를 클릭하면 됩니다.

여기서 [OK] 버튼을 클릭하면 전체 수정 반영 이전으로 돌아갑니다.

필요한 부분만 잘 적용해서 사용하세요.

- copy coding -

JSP 파일에서 한글만 깨지는데 Server에서 받아온 데이터는 이상이 없고 유독 JSP 에서 작성한 글만 깨지는 현상이 발생 했습니다.

일반적인 방법으로 해결 방법은

1. JSP 페이지 상단에 다음을 입력하면 해결이 됩니다.

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

2. 이도 아니면 UTF-8을 EUC-KR로 변경하면 해결이 되기도 합니다.

3. 아니면 JSP 문서를 꼭 찍어서 UTF-8로 변환 합니다.

   파일에 마우스올리고 우클릭하여 properties 선택 합니다.

4. 그래도 안되면 Text Editor(메모장, EditPlus, UltraEditor...)에서 UTF-8로 변경해서 가지고 옵니다.

5. 햐! 이것도 아니면 eclipse, spring boot의 설정이 잘못되었을 수 있습니다.

   여러 설정을 알아듣지 못하는건 툴 자체의 설정에 문제가 있는것 같습니다.

   Window > Preferences 메뉴를 클릭 합니다.

좌측에서 General > Content Types를 클릭 하고

우측에서 Text 를 확장 합니다.

확장한 Text 에서 하단으로 내려오면 JSP가 있습니다.

여기서 하단 Default encoding을 UTF-8로 입력하고 JSP도 UTF-8로 다시 원복.

하단 [Apply and Close] 버튼을 클릭하고 다시 실행을 하면

한글이 잘 나옵니다.

또 무슨 방법이 있을까요?

- copy coding -

이제는 SVN을 사용하는 사이트가 조금씩 줄어들고 있는데 그러다 보니 SVN을 몇 개월 만에 사용하게 되고 간단한 사용법도 잊어버려 바보가 된듯한 느낌이 들 때도 있습니다.  오늘도 작업을 하는데 프로그램을 클릭 할 때마다 SVN 연결이 되어있지 않다고 오류가 발생해서 참 귀찮은데 접속을 종료 하는 방법이 생각나지 않아 좀 화가 나는 군요.  어째든 다음에 사용하기 위해 정리(정리라고 할 것도 없지만)를 해 봅니다.

프로젝트에 마우스를 대고 우클릭 > Team > Disconnect

너무 간단한데 엉뚱한데 가서 찾고 있었네요.  Disconnect 를 선택 하면 확인 팝업 창이 나타나고

[Yes] 버튼을 클릭 하면 SVN 접속이 종료되고 귀찮은 오류 팝업 창이 사라지게 됩니다.

- copy coding -

Spring Tool Suite 3.9.11.RELEASE를 사용하고 있는데 SVN을 설치하려고 하니 잘 안되는것 같습니다.  Eclipse Marketplace에서 검색을 하니 설치 할만 한건 ContextQuickie 인것 같아 설치를 했으나 사용이 안되는것 같고

Subversive 을 설치하려고

Install 버튼을 클릭하면

호환이 되지 않아 설치가 진행되지 않습니다.  Git는 잘 되는것 같은데 프로젝트에서 SVN을 사용하여 방법을 찾아 보았습니다.

SVN 설치

그냥 예전에 설치하던 Install을 이용한 방법을 사용해서 해결 하였습니다..  설치 방법과 project commit은 eclipse와 동일 합니다.  잘 아시는 분들은 아래 부분을 읽어볼 필요가 없습니다.

Help > Install New Software 메뉴를 선택 하고

Install 팝업 창이 나오면

Add 버튼을 클릭 하여 Add Repository 창을 오픈 합니다.

여기에 Name은 아무거나 구분할 수 있도록 입력 하고 Location에는 https://dl.bintray.com/subclipse/releases/subclipse/4.3.x/ 를 입력하고 Add 버튼을 클릭 합니다.

잠시 뭔가 찾는 척을 하다가

설치할 항목을 보여주는데 저는 그냥 모두 선택 했습니다. 전부 설치하기 싫으면 SVNKit, Subclipse 만 선택하고 Next 버튼을 클릭 합니다.

설치를 진행하려는 내용을 보여줍니다.  Next 버튼을 클릭 합니다. 

설치할 상세 정보 입니다.  Next 버튼을 클릭 합니다.

라이센스 동의를 해주고 Finish 버튼을 클릭 합니다.

설치 중간에 팝업이 나오면 Install anyway 버튼과 

설치 후 재시작을 하라고 Restart Now 버튼을 클릭 합니다.  Spring Boot가 재시작 하면 SVN이 생성 되어 있고 

SVN Repositories를 선택하면 탭 창이 활성화 됩니다.

탭 창에서 SVN 아이콘을 클릭해 줍니다.

SNV 서버 주소를 입력하고 Finish 버튼을 클릭 합니다. SVN 설치가 완료 되었습니다. 

프로젝트 Commit

프로젝트에 마우스를 대고 우클릭 하여 

Team > Share Project 메뉴를 선택 합니다.  처음에만 이런 메뉴가 나옵니다.

SVN을 선택 해야 겠죠.  Next 버튼을 클릭 합니다.

기존 Repository를 사용하기 위하여 Next  버튼을 클릭 합니다.

프로젝트 폴더명도 그대로 사용하기로 하고 Finish 버튼을 클릭 합니다.

Remember my decision을 클릭하고 Yes 버튼을 클릭 하면

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

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

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

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

- copy coding -