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로 제공하여 볼 수 있습니다.

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

화면이 변경 되었습니다.

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

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

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

GitHub에 프로젝트를 upload 하고 필요 없거나 잘못 올린 경우

프로젝트를 삭제해야 하는 상황이 발생 합니다.

삭제는 버튼만 몇번 클릭하면 완료 됩니다.

GitHub에서 삭제할 repository를 선택 합니다.

그러면 파일이 있는 페이지로 이동 됩니다.

상단에 [Settings]를 선택 합니다.

이동된 페이지에 여러 가지 기능이 나오는데 아래로 쭈~욱 스크롤 합니다.

그럼 맨 마지막에 Danger Zone이 나옵니다.

[Delete this repository] 버튼을 클릭 합니다.

여러가지 경고 문구가 있는 팝업 창이 나옵니다.

삭제 하려는 repository명칭을 확인 하고

하단에 있는 긴 [I understand the conse….] 버튼을 클릭 합니다.

그러면 한번 더 취소할 수 있는 기회로 비번을 입력하라고 합니다.

여기서 비번을 입력 하고

[Confirm password] 버튼을 클릭하면 Repository 삭제가 완료 됩니다.

다시 GitHub 메인 페이지로 돌아오면

완전히 삭제되었음을 확인 할 수 있습니다.

- copy coding -

github에 공개되어 있는 프로젝트를 안드로이드 스튜디오에 가져와서 사용하는

방법에 대하여 테스트 해보겠습니다.

가장 깔끔한 방법은 git를 설치 하고,

github에 회원가입 하고,

android studio에 git 설정을 완료한

상태에서 진행을 하는 것 입니다.

여기서는 위의 설정이 되어있지 않은 경우 어떻게 해야 하는지에 대해 설명 합니다.

물론 중간 중간 작업이 중단되기는 하지만 미완료 되는것은 아닙니다.

중단될 때마다 작업을 하여 다음 단계로 진행 되고 결국은 끝까지 도달 합니다.

왜 이걸 하는가?

중간에 오류가 발생해도 원하는 답을 주면 무리 없이 완료할 수 있습니다.

모든 설정이 완료된 상태에서 진행을 한다면 아래에 있는 불필요한 단계들을 건너뛸 수 있습니다.

1. Git 설치

2. 안드로이드 스튜디오 git 설정

3. 프로젝트 다운로드

순서로 설명 합니다.

1. Git 설치

Git를 다운받아 설치 합니다.

일반 설치 관련 설명은

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

무설치 버전 설명은

[Git] Git 무설치 버전 windows용 설치 하기

참고하여 설치 합니다.

여기서는 무설치 버전을 압축만 푼경우로 진행 합니다.

2. 안드로이드 스튜디오 git 설정

안드로이드 스튜디오를 실행합니다.

[Check out project from Version Contrl]을 클릭하고

Git를 선택해줍니다.

URL과 Directory를 입력하는 창이 나타납니다.

URL은 github의 저장소 주소이고

Directory는 로컬 컴퓨터(내가 저장할 장소)의 디렉토리를 설정하는 창입니다.

URL은 공유되어 있는 github 사이트에 가면 얻을 수 있습니다.

Checkout 받으려는 git 사이트에 접속합니다.

사이트 우측에 [Clone or download]를 클릭하면 하단에 다운로드를 받을 수 있도록 되어있는데

여기서 주소(URL) 오른쪽 아이콘을 클릭하면 클립보드에 자동으로 주소가 복사 됩니다.

그럼 다시 안드로이드 스튜디오로 와서 Ctrl+V 하면 되겠죠?

복사를 하면 .git 확장자의 주소가 입력됩니다.

Directory는 C:\android로 신규 생성한 위치로 잡았습니다.

좌측 하단에 [Log in to GitHub]라고 버튼이 있습니다.

Git에 로그인이 되지 않아서입니다.

git에 회원가입이 안되어있으면 계정을 만드셔야 합니다.

[Log in to GitHub] 버튼을 선택해서 로그인을 진행합니다.

Auth Type:을 Password로 변경하고 로그인을 진행 합니다.

로그인이 성공하면 로그인 버튼이 사라집니다.

[Test] 버튼을 선택 합니다.

연결 성공입니다.

그럼 [Clone] 버튼을 선택 합니다.

이런, 오류가 발생하는 군요.

git가 설치버전이 아니라 못찾겠다는군요.

위치가 어딘지 잡아줘야겠죠.

git 실행파일 위치를 찾아 봅니다.

요기 있군요.

Path에 C:\git\cmd를 추가해 줍니다.

안드로이드 스튜디오를 종료하고 다시시작 해야 합니다.

[Test] 버튼을 클릭 합니다.

예. 성공했다네요.

좌측에 로그인 하라는 버튼도 사라졌습니다.

3. 프로젝트 다운로드

[Clone] 버튼을 선택해서 로컬에 다운로드 받습니다.

프로젝트를 생성하겠냐고 물어봅니다.

[Yes]지요.

프로젝트 Import 설정입니다.

먼저 Create project from existing sources 선택한 경우 입니다.

소스를 미리 가지고 있는 경우입니다.

소스 위치를 잡아줍니다.

디렉토리가 없으면 신규 디렉토리를 생성해서 설치한다는 군요.

소스가 있는경우랬는데 좀 이상합니다.

주석을 써달라고 하는데

할말이 없어서 그냥 [Next] 버튼 클릭

흠. No frameworks detected. 라는군요.

소스가 없으면 위에서 오류처리하지.

그럼 처음으로 다시 돌아가서

이번에는 두번째 라디오버튼을 클릭한 경우입니다.

Import project from external model 라디오버튼을 선택 합니다.

외부에서 프로젝트를 import 시키라고 하고

[Finish] 버튼을 클릭 합니다.

바로 소스를 다운받고 있습니다.

한참 소스를 다운받고

예. 다받았습니다.

종료입니다.

git를 안드로이드 스튜디오에 미리 설정해 주면 이런 복잡함은 사라집니다.

아래 링크를 참고해서 미리 설정하고 사용하세요.

[안드로이드] Android studio에 github 환경 설정 하기

- copy coding -

제일 먼저 githjub에 회원가입이 되어있어야 합니다.

회원이 아니라면 먼저 https://github.com/에서 회원가입을 합니다.

안드로이드 스튜디오에는 git 무설치 버전을 이용한 설정에 대해 알아봅니다.

무설치 버전에 대한 윈도우 설치는

[Git] Git 무설치 버전 windows용 설치 하기

일반 설치 버전은

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

를 참고하세요.

저의 무설치 버전의 위치는 F:\git이며

일반 설치의 경우도 C:\Program Files\...로 위치를 잡으면 됩니다.

안드로이드 스튜디오를 실행 합니다.

설정은 상단 메뉴에서

File > Settings...

메뉴를 선택 하면서 시작 합니다.

Settings.. 를 클릭하면 Settings 창이 나타납니다.

설정 메뉴는 좌측의 Version Control 하부메뉴에 있는데 찾기 힘들면

상단 검색 키워드에서 GIt로 검색하면 됩니다.

GitHub와 Git 메뉴가 보입니다.

먼저 GItHub부터 변경해 보겠습니다.

GitHub를 선택하면 우측에 Auth Type이 기본으로 Tocke을 되어 있습니다.

이걸 password로 변경하고 GitHub에 계정을 만들때 사용한 메일과 비밀번호를 등록합니다.

아이디와 비번을 입력했으면 꼭 [Test] 버튼을 클릭해서

Connection successful을 확인 합니다.

이번엔 Git를 선택 하고 git 실행파일을 찾어서 연결해 줍니다.

[…]을 선택해서 탐색기에서 설치 위치를 잡아줍니다.

저는 무설치 버전을 연결했습니다.

일반 설치본은 C:\Program Files 하단입니다.

이것도 [Test] 버튼을 이용하여 확인을 합니다.

설정은 완료 되었습니다.

무설치 버전의 경우에는 Path를 잡아야 합니다.

git 실행파일 위치를 찾아 봅니다.

찾은 위치 C:\git\cmd를 환경 변수의 path에 추가합니다.

찾은 위치 C:\git\cmd를 환경 변수의 path에 추가합니다.

환경변수 수정하는 방법은

[윈도우즈]Windows7, Windows 10 환경변수 수정하는 방법

를 참고합니다.

path 추가를 반영하려면 안드로이드 스튜디오를 다시 시작해서 사용합니다.

- copy coding -