AWS EC2에 스프링부트 프로젝트를 자동배포 하는 방법입니다.

로컬 컴퓨터에서 스프링부트 프로젝트의 소스를 푸시(커밋)하면 EC2에 자동으로 배포/적용되게 하겠습니다.

예제에서 사용하는 스프링부트 프로젝트는 메이븐 기반입니다.

(그래들 프로젝트도 젠킨스에 기본으로 깔리니까 잘 빌드될것 같습니다.)

스프링부트 프로젝트가 있고 소스가 Github에 있어야 합니다.

AWS 회원가입(카드등록)도 되어있어야 합니다.

먼저 AWS에 EC2를 생성하는 방법입니다.

1. 서비스 > 컴퓨팅 > EC2

2. 인스턴스 > 인스턴스 > 인스턴스 시작

3. Amazon Linux2 AMI > 선택

(아마존 리눅스나 우분투 아무거나 해도 됩니다)

4. t2 마이크로 선택 > 다음: 인스턴스 세부 정보 구성

5. (변경한게 없습니다.) 다음: 스토리지 추가

6. (변경한게 없습니다.) 다음: 태그 추가

저는 기본으로 적혀있는 8Gb를 선택했는데, 30Gb까지는 프리티어 무료 입니다.

7. (추가한게 없습니다.) > 다음: 보안 그룹 구성

8. SSH, 22, 내 IP선택 > 검토 및 시작

접속해야 하니까 일단 SSH한개만 열어주면 됩니다.

9. 자신이 선택한 세부정보 확인 > 시작하기

10. 새 키 페어 생성 > "키페어이름입력" > 키 페어 다운로드 > 인스턴스 시작

키파일은 한번 받으면 더이상 받을 수 없습니다.

잃어버리면 셋팅을 다시 해야하니까 잘 보관하세요.

11. 인스턴스 생성 완료 > 시작

12. 인스턴스 > 인스턴스 > 생성된 인스턴스 확인

AWS에서는 80포트가 막혀있다고 합니다.

여기저기 80을 사용할 수 있는 방법이 많은데,

조금씩 틀리고 안되는것도 있고...

제가 사용하는 관련 명령어들 입니다.

80포트를 8080포트로 라우팅

sudo iptables -A PREROUTING -t nat -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 8080

포트상태 출력

netstat -tnlp 

아이피테이블 상태 출력

sudo iptables -t nat -L --line-numbers 

아이피테이블 삭제 (목록 조회 후 번호 입력)

sudo iptables -t nat -D PREROUTING 2

아이피테이블 저장

sudo service iptables save

부팅 스크립트 편집

sudo vi /etc/rc.local

리부팅

sudo reboot -f

이클립스를 실행하면 Failed to load the JNI shared library

오류가 발생하면서 실행되지 않습니다.

경로를 확인해봐도 정상적으로 파일이 있습니다.

원인은 32비트, 64비트가 안맞아서 그런것 입니다.

이클립스가 32비트고 java가 64비트이거나

이클립스가 64비트고 java가 32비트이면

자바를 바꾸던 이클립스를 바꾸던 32비트로 하든 64비트로 하든 맞춰주면 됩니다.

자바 버전확인을 해보면 32비트인지 64비트인지 확인할 수 있습니다.

java -version

포스트맨으로는 잘되던게 실제 브라우저에서는 오류가 발생했습니다.

알아보니까 실제로는 OPTIONS라는 메소드로 먼저 호출을 한다고 하는데,

그 이름이 PREFLIGHT라고 하네요.

그래서 오류가 일반적인 CORS오류가 아니고

blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

라고 적혀있습니다.

Access to fetch at 'https://도메인/엔드포인트' from origin 'https://호출한도메인' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

스프링프레임웤(스프링부트)에서 해결하는 방법

1. 파일중에 WebSecurityConfigurerAdapter를 상속받은 클래스를 찾는다.

2. 오버라이드 된 configure(HttpSecurity http)메소드를 편집한다. (없으면 만듦)

@Override
protected void configure(HttpSecurity http) throws Exception {

3. http에 코드 추가

.cors().and()
.requestMatchers(CorsUtils::isPreFlightRequest).permitAll()

* 리액트프론트용 자바스크립트 코드

브라우저에 붙여서 테스트

var Data = {
  METHOD : {
    GET : 'GET',
    POST : 'POST',
    PUT : 'PUT',
    DELETE : 'DELETE'
  },
  TYPE : {
    FILE_UPLOAD : 'Data.TYPE.FILE_UPLOAD'
  },
  load : ( option ) => {
    const accessToken = localStorage.getItem('access.token');
    let parameters = {
      headers : { Authorization : accessToken ? `Bearer ${ accessToken }` : '' },
      method : option.method || Data.METHOD.GET
    };
    switch ( option.method ) {
      case Data.METHOD.POST :
      case Data.METHOD.PUT :
        option.type !== Data.TYPE.FILE_UPLOAD && ( parameters = { ...parameters, headers : { 'Content-Type' : 'application/json' } } );
        break;
      default :
    }
    if ( option.data ) {
      let data;
      if ( option.type === Data.TYPE.FILE_UPLOAD ) {
        data = new FormData();
        for ( let i in option.data ) {
          data.append( i, option.data[ i ] );
        }
      } else {
        data = JSON.stringify( option.data );
      }
      parameters = { ...parameters, body : data };
    }
    window.fetch( option.url, parameters )
      .then( response => response.json() )
      .then(
        ( data ) => {
          if ( data.code === 'S000000' ) {
            option.success && option.success( data.data );
          } else if ( data.hwrErrorCode?.code === 'ERR_SUCCESS' ) {
            option.success && option.success( data.candidates[ 0 ] )
          } else {
            option.error && option.error( data );
          }
        }
      );
  }
};
Data.load({url:'http://localhost/주소'});

이클립스에서 GIT 설정하는 방법입니다.

인텔리제이보다 복잡하네요.

1. Git Repositories열기

메뉴 > Windows > Show View > Other...

Git > Git Repositories

2. 패치 설정

프로젝트 > Remotes > origin > 패치주소에 마우스오른쪽 > Configure Fetch...

2-1. Advanced...

2-2. Source ref:, Destination ref: 수정

refs/heads/master

refs/remotes/origin/master

2-3. Add Spec > Finish

2-4. Save and Fetch

3. 푸시 설정

프로젝트 > Remotes > origin > 푸시주소에 마우스오른쪽 > Configure Push...

패치설정과 동일하게 작업하세요.

젠킨스 포트 변경하는 방법 입니다.

로컬에서 설치하신 분들은 편집기로 수정하면 됩니다.

AWS EC2에 설치했기 때문에 설정파일이 리눅스 기준으로 되어있습니다.

1. 터미널로 EC2접속

2. 명령어 실행

sudo vi /etc/sysconfig/jenkins

3. 설정파일 편집

JENKINS_PORT="8080" 부분을 찾아서 변경

JENKINS_PORT="원하는포트"

변경 후에 ":wq[엔터]" 입력하면 저장/편집종료 입니다.

4. 젠킨스 재시작

sudo service jenkins restart

PyAutoGUI 설치중 에러가 발생했습니다.

콜러블은 abc레지스트리 속성이 없다?!?!

AttributeError: type object 'Callable' has no attribute '_abc_registry'

typing 패키지 삭제

패키지중에 typing이란 패키지가 있으면 설치가 안됩니다.

pip uninstall typing

pyautogui 설치

pip install pyautogui

인텔리제이에서 파이썬 패키지 설치중 오류가 발생했습니다.

그래서 자세히 보니까 PIP가 업그레이드 되었다고 합니다.

PIP가 업글되는지는 몰랐네요.

설치 오류 발생 > Details... 클릭

오류 메세지중에 PIP를 업그레이드해보라고 적혀있습니다.

C:\Users....................... --upgrade pip 까지 복사

WARNING: You are using pip version 20.1.1; however, version 20.2.4 is available.
You should consider upgrading via the 'C:\Users\qqqqqqqq\AppData\Local\Programs\Python\Python38-32\python.exe -m pip install --upgrade pip' command.

시작 > 실행 > cmd (명령프롬프트 실행)

PIP업그레이드 명령어 붙여넣기 > 엔터

DBEAVER에서

1. Ctrl+Enter를 입력하면 현재 커서가 위치한 쿼리를 실행해줍니다.

2. Alt+X는 쿼리가 한개면 좋은데 쿼리가 여러개가 한 편집기에 같이 있으면 긁어서 실행해야되서 귀찮음

그런데 다른 툴과다르게 Ctrl+Enter는 그지같이 공백라인이 있으면 오류가 발생합니다.

(어쩔땐 되고 어쩔땐 되길래 한참을 모르다가 알게됨)

옵션중에 '줄바꿈을 다른쿼리로 인식한다'고 체크되있어서 나는 오류였습니다.

메뉴 > 윈도우 > 설정 > 편집기 > SQL 편집기 > SQL 실행

Blank line is statement delimiter 체크 해제

쿼리 실행 오류, 커서 위치에 따라서 다양한 오류가 발생합니다.

쿼리안에 공백이 있으면 오류가 발생합니다.

_config.yml 안에 redcarpet을 kramdown으로 변경하면 됩니다.

옛날버전이 레드카펫이라는걸 썼는데, 지금은 람다운을 쓴다나 어쩐다나... 그렇다네요.

로컬 서버 명령어 실행 후 오류 발생

jekyll serve

bundle exec jekyll servce

Markdown processor: "redcarpet" is not a valid Markdown processor

_config.yml 파일 수정

markdown: redcarpet
을
markdown: kramdown
로 수정

다시 실행

dbeaver는 지원하는 데이타베이스가 아주 많습니다.

이번에는 오라클 데이타베이스에 접속해보겠습니다.

오라클 접속시에 사용되는 instantclient의 tnsnames.ora를 설정하지 않아도 됩니다.

그래도 instantclient 패키지는 필요합니다.

1. Select your database - 오라클 데이타베이스 선택

2. Oracle Connection Settings - 호스트, 데이타베이스(SID), 사용자명, 비밀번호, 클라이언트(instantclient경로)

+

3. Download driver files - 필요한 라이브러리, 파일 설치

4. 오라클 데이타베이스 접속

dbeaver실행하다가 다음과 같은 오류가 나면 자바를 못찾아서 발생하는 오류 입니다.

디비버도 이클립스 기반이기때문에 이클립스와 같은 형식의 설정파일이 있습니다.

설치경로(압축푼곳)에 있는 dbeaver.ini에 java 경로를 지정해주면 됩니다.

dbeaver.ini 파일 수정 - 경로는 자신의 java 경로에 맞게 설정하세요.
-vm
\자바jdkjrd위치\bin

-vm
\PROGRAMS\jdk1.8.0_202\bin
-startup
plugins/org.eclipse.equinox.launcher_1.5.700.v20200207-2156.jar
--launcher.library
plugins/org.eclipse.equinox.launcher.win32.win32.x86_64_1.1.1100.v20190907-0426
-vmargs
-XX:+IgnoreUnrecognizedVMOptions
--add-modules=ALL-SYSTEM
-Xms64m
-Xmx1024m

dbeaver 실행

웹브라우저를 제어하려고 셀레니엄을 설치하겠습니다.

pip명령어가 없는 분들은

https://blog.nachal.com/1530

참고하시고 pip 설치후에 selenium을 설치하시면 됩니다.

셀레니엄 설치

sudo pip3 install selenium
컴퓨터 비밀번호 입력

kaudo@MacBookPro ~ % sudo pip3 install selenium
WARNING: The directory '/Users/kaudo/Library/Caches/pip' or its parent directory is not owned or is not writable by the current user. The cache has been disabled. Check the permissions and owner of that directory. If executing pip with sudo, you may want sudo's -H flag.
Collecting selenium
  Downloading selenium-3.141.0-py2.py3-none-any.whl (904 kB)
     |████████████████████████████████| 904 kB 550 kB/s 
Requirement already satisfied: urllib3 in /Library/Frameworks/Python.framework/Versions/3.8/lib/python3.8/site-packages (from selenium) (1.25.10)
Installing collected packages: selenium
Successfully installed selenium-3.141.0
kaudo@MacBookPro ~ % 

다른 블로그를 보고(특히 윈도우예제) pip로 인스톨하시는 분들이 있는데,

맥은 파이썬2버전이 원래 깔려있어서 pip3로 설치해야 합니다.

pip로 설치하면 제대로 작동하지 않을 수 있습니다.

파이썬2 셀레니엄 삭제

sudo pip uninstall selenium

파이썬3 셀레니엄 삭제

sudo pip3 uninstall selenium

kaudo@MacBookPro ~ % sudo pip uninstall selenium
WARNING: The directory '/Users/kaudo/Library/Caches/pip' or its parent directory is not owned or is not writable by the current user. The cache has been disabled. Check the permissions and owner of that directory. If executing pip with sudo, you may want sudo's -H flag.
Found existing installation: selenium 3.141.0
Uninstalling selenium-3.141.0:
  Would remove:
    /Library/Frameworks/Python.framework/Versions/3.8/lib/python3.8/site-packages/selenium-3.141.0.dist-info/*
    /Library/Frameworks/Python.framework/Versions/3.8/lib/python3.8/site-packages/selenium/*
Proceed (y/n)? y
  Successfully uninstalled selenium-3.141.0
kaudo@MacBookPro ~ % 

vue.js프로젝트를 개발중인데,

맥에서는 잘되는게 윈도우에서는 안되는것입니다.

제 프로젝트는 npm run serve하면 구동되게 되어있는데,

윈도우에서 실행하면 에러가 발생하면서 구동이 안되고 있습니다.

예전에 node_modules디렉토리도 함께 깃허브에 공유했었는데,

그 파일들이 복사되서 안되는것 같습니다.

그래서 npm을 재설정 해서 오류를 해결했습니다.

서버구동시 오류발생

...
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "serve"
18 verbose node v12.18.3
19 verbose npm  v6.14.6
20 error code ELIFECYCLE
21 error errno 1
22 error vue.kaudo.com@0.1.0 serve: `vue-cli-service serve`
22 error Exit status 1
23 error Failed at the vue.kaudo.com@0.1.0 serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
...

'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.

1. npm 캐시 제거

npm cache clean --force

2. node_modules 디렉토리, package-lock.json 파일 삭제

3. npm 설치

npm install

4. 서버 구동

npm run serve

오늘은 어렵사리 스프링부트 프로젝트에 jsp를 적용했습니다.

로컬에서 테스트를 해보고 aws에 올렸는데,

로컬에서는 되던게 aws에서는 안되는것입니다.

코딩한것에서는 오류가 없었는데 컨트롤러에 연결되는 jsp파일을 찾지 못하는 오류가 발생합니다.

Whitelabel Error Page

This application has no explicit mapping for /error, so you are seeing this as a fallback.

Mon Aug 10 04:07:03 UTC 2020

There was an unexpected error (type=Not Found, status=404).

/WEB-INF/views/index.jsp

검색해보니 이런저런 방법들이 많이 나와있던데,

저같은 경우에는 jar패키징을 war로 변경해서 해결했습니다.

- 클래스가 찾는 뷰파일의 위치 확인,
- 프로젝트가 빌드될때 war로 빌드되게 변경
- war패키지 안에 jsp파일이 잘 들어있는지 확인

하면 됩니다.

1. build.gradle 파일에 war설정

plugins {
	id 'war' // 추가
}

apply plugin: 'war'  // 추가


bootWar {
	archiveBaseName="springboot" // 추가
	archiveVersion="1.0.0-SNAPSHOT" // 추가
}

2. 로컬에서 실행시
그래들 싱크 > gradle 탭에서 bootWar 실행 > 어플리케이션 실행

3. AWS EC2에서 실행시

cd 프로젝트디렉토리

./gradlew bootwar

nohup java -jar ./build/libs/스냅샷파일.war &

EX: 스프링부트에 JSP사용 설정시, 파일 위치

인텔리제이로 프로젝트를 하려고 맥에서 무료버전으로 설치했습니다.

설치하고 나니깐 플러그인을 선택하라고 뜨네요.

1. 플러그인 선택화면 - 스윙, 안드로이드, 플러그인개발을 껐습니다.

2. 빌드 툴 - 그래들로 할지 메이븐으로 할지 결정을 못해서 전부선택

3. 버전 컨트롤 - 저는 깃만 쓸거라서 머큐리얼이랑 SVN을 해제했습니다.

4. 테스트도구 - 사용은 안하지만 필요할지도 몰라서 전부 선택

5. 그밖에 도구 - 몰라서 그냥 둠

6. 추천 플러그인 - AWS랑 Gradianto 설치, 나머진 전혀 사용안함

플러그인 설정이 끝났습니다.

접속하자마자 다른페이지로 이동하게 하려고
$router.push(이동경로) 를 설정했더니,

Error: Avoided redundant navigation to current location "주소" 오류가 찍힙니다.

이 현상은 이미 이동할 주소에 있기 때문에 발생하는것이고 정상입니다.
이 오류를 없애려면 catch로 오류를 잡아내거나, 현재주소와 같은지 비교해서 실행되지 않게 하면 됩니다.

1. catch로 오류를 무시하기
this.$router.push('/parkingLotList').catch(()=>{});

2. 현재 주소와 이동할 주소를 비교해서 실행

if(this.$route.path!=='/parkingLotList') this.$router.push('/parkingLotList')

이클립스에서 SVN으로 작업 많이 하시죠.

계정을 바꿀 일이 생겨서 바꿔 보았습니다.

바꾸는 방법은 크게 두가지 입니다.

1. 이클립스 설정에서 변경한다.

2. 계정정보를 삭제한다.

1번은 이클립스에 연결된 SVN프로그램마다 다릅니다.

설정에 계정정보를 수정하지 못하는 경우도 있습니다. ㅡ.ㅡ;;;;;;;

1. 이클립스 설정에서 SNV 계정정보를 변경

메뉴 > Windows > Show View > SVN Repositories

계정정보를 변경할 SVN주소에 마우스 오른쪽 > Location Properties (없을수도 있습니다. 없으면 2번으로)

2. 이클립스 SVN계정정보 삭제

일단 실행중인 이클립스를 종료합니다.

탐색기를 열고 Subversion 폴더로 이동합니다.

C:\Users\[로그인아이디]\AppData\Roaming\Subversion\auth\svn.simple

폴더를 통째로 지워버리세요.

골때리는 점은 이 화면 전에는 수정된 파일들도 있었는데,

계들은 전체 커밋할때 다 커밋되버렸습니다.

생성(+마크)파일들만 잔뜩 남은 상황 ㄷㄷㄷ

한개의 파일만 다시 커밋해보겠습니다.

Commit 창은 정상

OK버튼을 누르자 아이디/암호 치라고 나옴

뭔가 했더니 네비게이터에서 문제의 파일들은 add(푸른색) 마크가 붙어있었습니다.

정상이라면 unversioned(물음표)가 떠야됩니다.

애초에 저 파일들을 복사할때 폴더구조까지 통째로 넣었었는데,

1. 이클립스에서 지우고

2. 다시 붙여넣기

3. unversioned라고 뜨는지 확인

4. 잘됨

1. 프로젝트명에 오른쪽 > Team > Share Project를 선택하세요.

2. repository type(저장소 타입)을 SVN을 선택하세요.

3. svn 서버의 주소, 사용자 계정, 암호를 입력하세요. 지속적으로 사용할거라면 Save authentication을 체크하세요.

4. 이제 커밋할 소스들이 출력됩니다. Ok버튼을 클릭하면 완료.

콘솔이 희끄무리한게 뻘것고 거뭇고 한게 전 싫었습니다.

머싯게,, 모르는 사람이 보면 머싯어 보일라고

그렙 콘솔을 사용합니다.

이 프로그램이 있으면 쿼리를 재빨리 잡아낼 수 있습니다. (각자 눈에 띄길 원하는 로그가 있을겁니다.)

1. 이클립스에서 Help > Eclipse Marketplace를 선택하세요.
검색어는 grep console이라고 적으세요. (grep만 쳐도 나옵니다.)

2. 설치가 완료 된 후에 콘솔창 오른쪽 위에 아이콘이 생겼습니다.
이 버튼을 클릭하여 설정할 수 있습니다.

3. 이 프로그램의 문제는 바로 정규표현식으로 정규표현식을 어느정도 구사해야,
제대로 사용할 수 있다는 것입니다. ㅡ.ㅡ;;;

4. 이것은 설정중 한개의 상세화면 입니다.
.*Executing Statement:.*(\QSELECT\E.*)(\Q\E.*)
이거슨 select 쿼리를 퍼럽게 칠하기 위한 정규표현식입니다.

5. 콘솔의 흰글씨, 파란글씨, 녹색글씨가 그렙콘솔로 잡아낸 로그 입니다.

랩스 플러스는 이클립스에 플러그인으로 작동하는 툴 입니다.

자바 프로젝트의 보안 취약점을 스캔할 수 있습니다.

어떻게 처리해야하는지는 알려주는 기능은 없습니다.

다운로드:

http://code.google.com/p/lapse-plus/downloads/list

다운받은 파일을 eclipse > plugins 폴더에 복사합니다.

이클립스를 재시작 하면,

Windows > Show View > Lapse+ (VERSION) 에

Provenance Tracker, Vulnerability Sinks, Vulnerability Sources 뷰가 추가되었습니다.

추가된 뷰의 모습입니다.

뷰 안에서 마우스 오른쪽 > Find Sinks 를 선택하면 스캔을 시작합니다.

Missing artifact com.oracle:ojdbc14:jar:10.2.0.4.0

오라클 라이브러리를 얻으려면 따로 리포지토리 주소를 설정해줘야 합니다.

<repository>
	<id>mesir-repo</id>
	<url>http://mesir.googlecode.com/svn/trunk/mavenrepo</url>
</repository>

이 글을 읽고 이해하시려면

기본적으로다가 프래임웤을 몇번쯤 사용해 보셨던 경험이 있어야 합니다.

프로젝트 투입되서 하루정도 써보고 간단하게 정리한 내용입니다.

(자세한건 http://www.dev-on.com/ 에서 확인하세요.)

1. 전체적으로다가 스트럿츠를 많이 닮았다는것과,

2. ibatis와 비스무리하게 쿼리를 관리하고 있습니다.

3. 스프링의 파일갯수압박 (1본을 만들기위해 controller,service,serviceImpl,dao,xml,jsp 를 작성하는...) 에서 살짝 벗어날 수 있습니다.

4. 스트럿츠처럼 주소를 다른파일에서 관리합니다. (사실 전 개인적으로다가 이방식 싫어함)

요즘 홈페이지가보니까 오픈시키려는 것 같긴한데,

전자정부, 라푸제이, 애니프레임, 스프링, 스트러츠 등등등

신입분들은 개고생하세요~

프로젝트 > devhome : 프로젝트에 필요한 잡다구리한 파일들이 위치합니다.

프로젝트 > devhome > navigation : 각 페이지 주소를 관리하는 파일이 위치합니다.

프로젝트 > src : 프로젝트에서 사용할 java파일들이 위치합니다.

프로젝트 > src > 네임스페이스 > biz : 데이타베이스와 연동할 소스를 작성합니다. (스프링의 dao.java파일과 비슷함)

프로젝트 > src > 네임스페이스 > cmd : 최초 자바단에 호출되어 오는 소스를 작성합니다. (스프링의 controller.java파일과 비슷함)

프로젝트 > web : 프로젝트에서 사용하는 jsp, image, html, js파일들이 위치합니다.