Copy Coding

STS에는 WAS인 tomcat이 포함되어 있어서 별도로 설치를 하지 않아도 되고 jar 파일을 생성하면 jar 파일내에 tomcat이 들어가기 때문에 개인지 테스트 삼하 작업 하기에는 편리한 툴 입니다.  물록 tomcat으로 서비스를 하는 회사들도 있기때문에 개발하고 바로 서비스를 할 수도 있습니다.  

작업 순서는

1. STS 다운로드 및 설치

2. 프로젝트 생성

3. 소스코드 개발

4. jar로 build 및 서비스

jar 파일을 만들기 위해 STS를 설치부터 해 봅니다.

https://spring.io/tools

사이트에 접속해서 OS에 맞는 버전을 다운로드 받습니다.

jar 형태의 압축파일을 풀고 contents.zip 압축파일도 풀어주면 sts-4.12.1 폴더를 얻을 수 있습니다.  압축은 zip 파일을 풀드시 일반적인 툴을 이용합니다.

여기서 한번더 contents를 풀면 됩니다.

SpringToolSuite4를 실행하고

작업을 진행할 폴더를 선택해주고 [Launch]를 선택하면

개발 툴 화면을 볼 수 있습니다.

한번 신규 프로젝트를 생성해 봅니다.

File > New > Spring Starter Project

Type, Packaging, Java Version, Languageㅇ 4개를 자신의 취향에 맞도록 수정 가능 합니다.  요즘에는 Maven 보다 Gradle을 많이 사용하니 Gradle로 설정을 해서 생성합니다.

간단한 확인만 하려는 것이니 [Spring Web]만 선택 합니다.

프로젝트가 생성이 되었고 기본적인 소스도 자동으로 만들어 집니다.

간단하게 사용할 것이므로 콘솔 버퍼는 나중에 변경시키기로 하고 일단 실행을 해 봅니다.

툴의 좌측 하단에서 demo 를 선택 하고 빨간색 네모 둘중 하나를(실행, 디버깅) 클릭하면 embeded tomcat이 8080으로 잘 실행 되었다고 우측에 표시 됩니다.

웹에서 확인해 봅니다.

아직 아무것도 만들지 않아서 기본 오류페이지가 잘 나오고 있습니다.  설치는 완료 되었군요.

API를 하나 생성 합니다.

실행하면

잘 되는군요. 이제 jar 파일을 생성해 봅니다.

Gradle Tasks를 열고 bootJar를 더블클릭 합니다.  빌드가 완료되면

build > libs 폴더에 파일이 생성 되었습니다.

생성된 jar 파일을 별도로 띄워 봅니다.  먼저 8080포트가 충돌나지 않도록 STS에 띄워놓은 프로젝트는 중지를 하고 CMD 창을 하나 열어서

Java로 실행을 해 봅니다.

java를 path에 등록 했다면

java -jar demo-0.0.1-SNAPSHOT.jar

그렇지 않다면 java의 전체 위치를 같이 사용하여 실행 합니다.

D:\Java\jdk1.8.0_131\bin\java -jar demo-0.0.1-SNAPSHOT.jar

실행이 되었다면 웹에서 확인해 봅니다.

잘 나오는 군요.  실제 서버에서도 이렇게 jar를 이용해서 서비스 해도 됩니다.

jar에는 내장 톰캣이 있는데 톰캣을 제외하고 외부 톰캣이나 다른 WAS를 사용한 테스트를 하기 위해 조만간 WAR로 배포를 해봐야겠네요.

- copy coding -

Spring Tool Suite 3 Version: 3.9.12.RELEASE을 설치하고 프로젝트를 하나 만들자마자 오류가 발생하였습니다. 이전 버전에서는 이런 일이 없었는데 갸우뚱 했습니다.

아직 프로그램을 시작도 하지 않았는데 빨간 줄이 생기다니?  오류를 좀더 자세히 살펴 봅니다.

Implicit super constructor Object() is undefined for default constructor. Must define an explicit constructor

최상위 생성자 오류라는 것 같은데 Java에 문제가 있나 보군요.  설정을 봐야 할 것 같습니다.

프로젝트에 마우스를 대고 > 우클릭 > Build Path > Configure Build Path

Properties에서 Java Build Path를 열고 Libraries를 확인 합니다.

Java version 11을 사용한다는 군요.  STS가 자바를 11로 기본 설정 해놓고 있어서 문제가 발생했습니다.  물론 자바 버전을 11로 사용하시는 분들은 관계 없겠지만 저는 1.8을 사용 중입니다.

수정을 하기 위해 좌측 리스트에서 자바 11을 선택한 상태에서 우측의 [Edit] 버튼을 클릭 합니다.

Library 설정 창에서 현재 선택된 버전과 내가 설치한 버전이 맨 아래에 보이는 군요.

현재 컴퓨터에 설치된 1.8을 선택하고 [Finish] 버튼을 클릭 하면 됩니다.  만일 다른 버전을 설치 하였는데 Library 창에 보이지 않는다면 첫번째 항목을 선택한 상태에서 [Environments] 버튼을 이용하여 java가 설치된 위치를 정해 주면 됩니다.

오류가 사라졌습니다.  프로그램에서도 사라졌는지 [Apply and Close] 버튼을 클릭해 봅니다.

프로그램 소스에서도 오류표시 빨간 줄이 사라졌습니다.  간단한 설정 문제라 다행이었습니다.

- copy coding -

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

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

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

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

- copy coding -

개인적으로는 좀 생소한 axboot.  생산성이 높다고 해서 한번 설치를 하려는데 eclipse 환경에 익숙해서인지 설치 자체가 부담으로 다가와 두번 설치 하라고 하면 못할 것 같아 몇자 적어둡니다.

사전에 작업해야 하는 부분은 Java, Tomcat, STS, lombok, git, node, bower 등의 프로그램을 설치해야 됩니다.  설치 항목이 너무 많아 중간에 그만 두려고 했을 정도로 좀 지겹습니다(나만 죽을 순 없지, 이걸 맨 마지막으로 옮길까? 올리기 전에 결정할것).  STS를 설치 하면서 왜 Tomcat도 설치 해야 하느냐는 외부에 있는 WAS를 사용하는 테스트를 하려는 것 입니다.( 만들다 보니 너무 길어서 외부 Tomcat 이용은 다음 기회에…)

1. JAVA 설치

Oracle 사이트에 접속하여 Java를 1.8.x 버전 이상을 다운받아 설치를 합니다.

Java를 설치하고 환경 변수 설정을 합니다.  설치 위치에 따라 폴더는 변경하면 됩니다.

JAVA_HOME

"F:\project\Java\jdk1.8.0_131"

Path에 %JAVA_HOME%\bin을 추가 합니다.

자세한 설명은 참조는 아래 링크를 참조 하세요.

Java 설치 및 환경 설정

2. Tomcat 설치

나중에 STS에 있는 WAS를 사용하지 않고 별도의 WAS를 사용 하려면 Apache 사이트에 접속하여 Tomcat를 다운받아 설치 합니다.  내부 WAS를 이용 하려면 다음으로 Pass 하세요.  이것도 설치 후에는 환경 변수 설정을 합니다.

CATALINA_HOME

"C:\project\apache-tomcat-8.5.39"

Tomcat 설치 관련 설명은 하단 링크 앞부분 참조.

eclipse java apache-tomcat 설치 (Windows)

3. STS 설치

사이트에 접속하여 설치를 진행 합니다.

https://spring.io/tools

설치는 파일을 다운로드 받은 후 압축을 풀어주기만 하면 됩니다.  자세한 사항은 하단 링크를 참조 합니다.

Spring Tools 설치 Spring Boot (STS 4.4.2.1)

4. lombok 설치

도메인 또는 VO로 부르는 class의 getter, setter 관련 자동화 도구입니다.  썰렁한 사이트에 접속해서 다운로드를 받습니다.

https://projectlombok.org/download

콘솔을 하나 열고 파일이 있는 폴더로 이동하여 다운받은 파일을 실행 합니다.

C:\project>java -jar lombok.jar

그러면 다음과 같은 창이 열리는데

여기에서 Specify location… 버튼을 클릭하고

STS 실행 파일을 선택 해주고

Install/Update 버튼을 클릭해 줍니다.

설치가 완료되면 Quit Installer 버튼을 클릭 합니다.

SpringToolSuite4.ini 파일을 열어 보면 다음과 같은 라인이 추가 되어있습니다.

-javaagent:C:\project\sts-4.2.1.RELEASE\lombok.jar

5. Git 설치

여기까지 오니 슬슬 질리기 시작하는데 그만둘 수도 없으니 계속 진행 해 봅니다.  Git도 사이트에 접속해서 설치를 합니다.

https://git-scm.com

설치 방법은 다운 받은 파일을 실행 하고 계속 다음 버튼을 클릭 해 줍니다.

자세한 설명은 하단을 참고 합니다.

[Git] Git 설치 하기 (Windows 용 - Git-2.20.1-64-bit)

6. Node 설치

Node도 사이트에 접속하여 파일을 다운로드 받습니다.

https://nodejs.org/ko/

다운로드 받은 파일을 실행하고 계속 다음 버튼을 클릭하고 설치가 완료되면 콘솔 모드에서 버전을 확인해 봅니다.

여기까지 오면 잘 설치가 된 것 입니다.  자세한 설치 설명은 하단 링크를 참고 합니다.

node.js 다운로드 및 설치하기

7. Bower 설치

화면 단 파일관리 툴인 Bower를 설치 합니다.  이건 위에서 설치한 node에 포함된 npm을 이용하여 설치를 합니다.  콘솔을 하나 열고

C:\>npm install -g bower

명령을 입력 하면 설치가 진행 됩니다.  –g는 global로 아무 폴더에서나 사용하기 위한 옵션 입니다.

여기 까지 해서 필요한 프로그램 설치는 완료 되었습니다.  개인적으로는 혹시나 해서 Maven도 설치를 했습니다.

8. axboot 소스코드 생성

이제 준비작업이 완료 되었으니 본격 적으로 axboot 관련 작업을 시작 합니다.

Sample 프로젝트를 하나 생성해 보기 위하여 Initializr 사이트에 접속 합니다. 

http://start.axboot.com/

사이트에 접속해서 필요한 항목을 입력합니다.

잘 안보이나요?

이케 적었습니다.  별거 없습니다.

Generate Project를 클릭 하면 소스가 다운로드 됩니다. webtest_20190527.zip 날짜가 추가 되어 있는데 압축을 풀면 날짜가 없는 폴더가 하단으로 생성 됩니다.

Command 창을 하나 열어 추가 작업을 시작 합니다. 작업은 package.json을 이용하여 plug-in을 download 하는 것으로 압축을 풀어놓은 위치로 이동을 합니다.

cd C:\project\webtest_20190527\webtest

이동하였으면

C:\project\webtest_20190527\webtest>npm install

명령을 입력 합니다.

한참 진행을 하다가 오류사항들이 나오는데 phthon2를 찾고 난리도 아닙니다.

설치 매뉴얼에 python 얘기는 없었기 때문에 오류가 나도 무시 하기로 하고 그냥 다음 단계로 진행을 합니다.

다음 단계는 실행을 하는 것 입니다.  콘솔의 동일한 폴더에서 다음 명령을 입력 합니다.

C:\project\workspace2\webtest>mvn spring-boot:run

한참 스크롤이 올라가며 다운로드 하고 뭔가 진행을 하다가 동작이 멈춥니다.  웹 페이를 열고 localhost:8080을 입력해 보았습니다

실행이 잘 되었군요. 스키마 및 초기 데이터 생성하기 버튼을 클릭 합니다.

원가 진행이 되고 있고 콘솔에서는 로그가 올라가기 시작 합니다.

현재 브라우저에서 진행되는 상황을 log로 제공하여 볼 수 있습니다.

잠시 후 초기화가 완료 됩니다.  확인 버튼을 클릭 합니다.

화면이 변경 되었습니다.

로그인 창인데 아이디와 패스워드는 입력이 되어 있습니다.  로그인 버튼을 클릭 합니다.

설치가 잘 완료 되었습니다.

메뉴를 하나씩 살펴보세요.