반응형

네이버 클라우드 web was db 서버 한 서버로 구축하기-2
Ⅰ. 서버 생성 및 접속
Ⅱ. 서버 접속
Ⅲ. JDK 설치
Ⅳ. tomcat 설치
Ⅴ. 파일 배포
Ⅵ. 서버 실행

※ 생성할 서버 스펙  
: mysql(5.7)-centos-7.2-64 서버 사용
: java-1.8.0-openjdk-1.8.0.275.b01-0.el7_9.x86_64   
: tomcat 8   
: 전자정부 프레임워크 - 개발자용 개발환경 32bit/64bit(Implementation Tool) Version 3.9.0   
: web, was, DB가 한 서버에 있음

 

https://devfootprint.tistory.com/59

 

네이버 클라우드 web was db 서버 한 서버로 구축하기-1

네이버 클라우드 web was db 서버 한 서버로 구축하기-1 Ⅰ. 서버 생성 및 접속 Ⅱ. 서버 접속 Ⅲ. JDK 설치 Ⅳ. tomcat 설치 Ⅴ. 파일 배포 Ⅵ. 서버 실행 ※ 생성할 서버 스펙 : mysql..

devfootprint.tistory.com

이전 내용 (네이버 클라우드 web was db 서버 한 서버로 구축하기-1)

 

※ 명령어 입력시 # 이후 텍스트만 붙여넣기.
1. 네이버 클라우드 서버에 JDK 설치 (java 1.8버전)
- 설치 가능한 jdk 버전 확인
명령어 # yum list java*jdk-devel

- 결과 값에 원하는 JDK 1.8이 있음
- jdk 1.8 설치
명령어 # yum install java-1.8.0-openjdk-devel.x86_64
※ 시간이 꽤 걸림

- 설치 결과 확인
명령어 # javac -version
결과 > javac 1.8.0_275

명령어 # rpm -qa java*jdk-devel
결과 > java-1.8.0-openjdk-devel-1.8.0.275.b01-0.el7_9.x86_64

명령어 # which javac
결과 > /usr/bin/javac

명령어 # readlink -f /usr/bin/javac
결과 > /usr/lib/jvm/java-1.8.0-openjdk-1.8.0.275.b01-0.el7_9.x86_64/bin/javac
※ 톰캣 설치 후 JAVA_HOME 환경 변수를 등록해야하기 때문에 알아둬야함

 

2. 네이버 클라우드 서버에 tocmat 설치(tomcat8 버전)
- tomcat8 파일 다운로드
명령어 # wget  archive.apache.org/dist/tomcat/tomcat-8/v8.5.27/bin/apache-tomcat-8.5.27.tar.gz

- 압축 해제
명령어 # tar zxvf  apache-tomcat-8.5.27.tar.gz

- 폴더 명 변경하여 이동
명령어 # mv apache-tomcat-8.5.27 /usr/local/tomcat8



※ vi : 윈도우의 메모장같은 기능이며 CLI (커맨드 라인 인터페이스)가 거부감드는 이유 중 하나
※ 간단한 vi 명령어
- 파일 열기
명령어 # vi 파일명
> 파일을 연 상태가 됨

- 파일을 연 상태에서 편집이 가능한 상태로 변경
명령어 # 키보드에서 i 누르기
> --INSERT-- 가 하단에 표시됨

- 자유롭게 파일 편집

- 파일 편집 중단 상태로 변경
편집 가능한 상태에서 키보드 esc 누르기
> --INSERT-- 가 하단에서 없어짐

- 파일 편집 중단 상태에서 파일 저장
명령어 # w

- vi 빠져 나오기
명령어 # q

- 파일 편집 중단 상태에서 파일 저장 후 vi 빠져나오기
명령어 # wq

- 파일 편집 중단 상태에서 저장하지 않고 vi 빠져 나오기
명령어 # q!

 

3. 네이버 클라우드 서버에 환경변수 등록(jdk와 tomcat)
- 환경 변수 등록
명령어 # vi /etc/profile

- profile 최하단에 추가
① ~가 보일떄까지 키보드에서 page down 누르기
② 키보드에서 i 누르기
③ 아래의 내용 복사하기
④ 마우스 우클릭으로 하기의 내용 붙여넣기
⑤ 키보드에서 ESC 누르기
⑥ 키보드에서 wq 입력하고 엔터

JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk-1.8.0.275.b01-0.el7_9.x86_64
CATALINA_HOME=/usr/local/tomcat8
CLASSPATH=$JAVA_HOME/jre/lib:$ tools.jar:$CATALINA_HOME/lib-jsp-api.jar:$CATALINA_HOME/lib/servlet-api.jar
PATH=$PATH:$JAVA_HOME/bin:/bin:/sbin
export JAVA_HOME PATH CLASSPATH CATALINA_HOME

- profile 적용
명령어 # source /etc/profile

 

4. 네이버 클라우드 서버에 tomcat8 인코딩 설정
- 서버 설정 파일 열기
명령어 # vi  /usr/local/tomcat8/conf/server.xml

- 아래의 텍스트를 찾아 URIEncoding="UTF-8" 만 추가
① 아래의 택스트가 보일떄까지 키보드에서 page down 누르기
② 키보드에서 i 누르기
③ 아래의 내용 복사하기
④ 마우스 우클릭으로 하기의 내용 붙여넣기
⑤ 키보드에서 ESC 누르기
⑥ 키보드에서 wq 입력하고 엔터

<Connector port="8080" protocol="HTTP/1.1"
           connectionTimeout="20000"
           redirectPort="8443"
           URIEncoding="UTF-8" />

반응형
반응형

네이버 클라우드 web was db 서버 한 서버로 구축하기-1
Ⅰ. 서버 생성 및 접속
Ⅱ. 서버 접속
Ⅲ. JDK 설치
Ⅳ. tomcat 설치
Ⅴ. 파일 배포
Ⅵ. 서버 실행

※ 생성할 서버 스펙 
: mysql(5.7)-centos-7.2-64 서버 사용
: java-1.8.0-openjdk-1.8.0.275.b01-0.el7_9.x86_64  
: tomcat 8  
: 전자정부 프레임워크 - 개발자용 개발환경 32bit/64bit(Implementation Tool) Version 3.9.0  
: web, was, DB가 한 서버에 있음

 

1. 네이버 클라우드 서버 접속 : console.ncloud.com/server/server/create

2. 서버 생성정보 
- 부팅 디스크 크기 : 50 GB
- 이미지 타입 : DBMS
- DBMS 이미지 타입 : MySQL
- 서버타입 : Standard
- 서버 이미지 이름 : mysql(5.7)-centos-7.2-64

(이미지 타입을 Application에 Tomcat으로 설치하면 7.0이 깔리고
MYSQL 설치하니 인코딩이슈에 시간을 너무 쏟게되어 MySql설치된 이미지로 재설치함)

 

3. 이후 설치방법은 naver가 잘알려줌 url : docs.ncloud.com/ko/database/database-1-1.html
인증키 및 네트워크 접근설정 등

 

4. 접속하기
naver에서도 잘 알려주지만 간략히 요약하자면
putty라는 서버 접속 프로그램이 필요하며 
입력 내용은 하기와 같다

- Putty 설치 :  www.chiark.greenend.org.uk/~sgtatham/putty/latest.html
※ 내 로컬 PC는 윈도우 64 bit 이기 때문에 무설치 파일 인 putty.exe를 설치함

- Host Name (or address) : 생성된 네이버 클라우드 서버에 포트포워딩 정보에 나와있는 서버접속용 공인 ip 입력
- Port : 생성된 네이버 클라우드 서버에 포트포워딩 정보에 나와있는 외부포트 입력

- putty 화면
login as : root 입력
password : 네이버 클라우드에서 서버 우클릭 > 관리자 비밀번호 확인 > pem파일 upload 후 나오는 비밀번호 입력

 

반응형
반응형

HTML

<form id="form" method="post">
    <input type="text" id="no" name="no"/>
    <input type="text" id="date" name="date"/>
    <input type="hidden" id="arrayParam" name="arrayParam"/>
    <c:forEach var="item" items="${codeList}">
         <input type="checkbox" name="chk_code" value="${item.code}"> 
         ${item.codename}
    </c:forEach>
</form>
																

 

JQuery

var array = new Array(); // 배열 선언
$('input:checkbox[name=chk_code]:checked').each(function() { // 체크된 체크박스의 value 값을 가지고 온다.
    array.push(this.value);
});
			
$("#arrayParam").val(array);
	
$("#form").attr("action", "/test/test.do");  
$("#form").submit();

 

JAVA (Spring 프레임워크 기반)

@RequestMapping(value = "/test/test.do")
    public String test(@RequestParam HashMap<String, Object> commandMap) throws Exception {
        String[] code_array = null;
		 
        String code = commandMap.get("arrayParam").toString();
        code_array = code.split(",");		
		
        int[] results= new int[code_array.length];
        int result=1;
		
        for(int i=0; i < code_array.length; i++){
            HashMap<String, Object> resendMap = new HashMap<String, Object>();
	        
            resendMap.put("code", code_array[i]);
            resendMap.put("no", commandMap.get("no"));
            resendMap.put("date", commandMap.get("date"));
	        
            results[i] = testDAO.addTestCode(resendMap);
            
            result *= results[i];
        }
        
        return test/result;
    }
반응형
반응형
<c:forEach var="item" items="${list}">
	<input type="checkbox" name="code" value="${item.code}"
		<c:forEach var="myInfo" items="${myInfo}">
			<c:if test="${item.code eq myInfo.code}">
				checked
			</c:if>
		</c:forEach>
	> ${item.codename}
</c:forEach>

 

반응형
반응형

war 파일 삭제 후 생성 프로세스
dependency 추가했을 경우 
0. Maven > Update Project : pom.xml에 dependency를 내 로컬 pc에 다운로드
그렇지 않을 경우엔 0번 스킵해도 됨


1. 프로젝트 우클릭 > Run as > Maven Clean : target 폴더 및 war 파일 삭제 
2. 상단 메뉴바 > Project > Clean... > Start a build immediately , Build only the selected project > Clean  : 프로젝트 클린 후 선택 한 프로젝트만 재빌드
3. 프로젝트 우클릭 > Run as > Maven install : target폴더 밑에 war 파일 생성

반응형
반응형

 

1. 속도 체크 방법
1) Pingdom 유료 툴 : 5개 국가 (Eastern US, Western Us, Europe, Eastern Asia, Australia)
2) chrome 개발자도구의 네트워크탭 + Touch VPN 무료 툴 :   Unite States, Russian Federation, Canada, France, Germany, Netherlands, Unite Kingdom)
 
2. 이슈
1) 모바일 접속 시 3~40초 대
2) pingdom 유럽 체크 시 3~40초대 pingdom grade D 67점
 
3. 현황
1) 개편이 여러번 됐으며, 개발자가 자주 바뀌면서 소스가 지저분함
2) 반응형 웹으로 모바일과 PC 버전이 한 소스파일에 등록되어있음
3) 보이지 않는 부분(PC접속시 mobile 버전, mobile 접속시 PC버전)까지 중복 resource를 가져옴
4) 서버가 국내에 위치(IDC가 따로 존재함)
5) 서버 구조
6) page size가 큰편이며, resources 자체가 많음
 
4. 대응 내역
1) 1차 대응(네트워크 이슈가 크다고 판단)
  • 파일 사이즈를 감소시키기 위한 대응
    • 이미지 파일 경량화 : 성과가 잘 나타났고 가장 대응하기 쉬웠음 (https://imagecompressor.com/ko/)
    • 쿼리 확인 : 메인 페이지였기 때문에 복잡한 쿼리가 없어 확인 후 수정하지 않음
  • 리소스를 감소 시키기위한 대응 
    • 컨텐츠 정비 : 성과가 잘 나타났으나, 감소시키는데 한계가 있으며, 개발공수가 들어감
    • css나 javscript 소스를 정리하는 방법에 대해서 고민을 했지만 공수가 많이 들고, 공통으로 쓰는게 있어서 불가능하다고 판단 
  • 모바일 대응
    • 하이브리드 앱이였던 서비스를 모바일 웹뷰로 전환 : 속도에 대한 성과가 거의 없었으며, 비용이 많이 나갔음
  • 속도 관련 컨설팅 업체 미팅(결국 컨설팅을 받지 않음)
    • Meta****
      • 부하테스트를 해본 후 솔루션을 제공할 수 있다고 함
      • 네트워크 구간의 테스트는 힘들며 테스트를 한다해도 해결 방안이 없다는 의견
    • ****Korea
      • 내부 보안 장비에 대한 이슈 테스트(느려지는 구간 파악 후 서버의 설정을 바꾸는 의견제시)
      • TTFB(브라우져가 요청 후 첫 바이트를 수신할때 까지의 시간)테스트 : 쿼리 성능 및 웹서버 성능에 대한 이슈 검토
      • 정적인 컨텐츠를 웹서버에서 분리 하는것 권장(IDC 영역)
      • 사용자 접속 지역에 따라 가장 가까운 캐싱 서버를 이용하도록 권장(비용이 들어감)
      • 동적캐싱(홀사이트 캐싱) 권장 (개발공수가 들어감)
      • 통신사에 라우팅 구간에 대한 검토를 요청(비협조적)
 
2) 2차 대응(메인 개편 후 적용)
  • 리소스를 감소 시키기위한 대응 
    • lazy loading 적용
      • JSP 화면단 <head>태그에 jquery.lazyload.min.js 임포트
      • 공통으로 사용하는 javascript에 lazyloading 설정
$(function(){
    $("img.lazy").lazyload({
        threshold: 500,
        effect : "fadeIn"
    });
});
      • JSP 화면단에서 img 태그의 class 추가 및 src 대신 data-original로 변경
<img class="lazy" data-original="../../img.png" alt="" />
      • 이슈 사항 : img 태그를 감싸고있는 상위 element의 속성이 style= "display:none;" 에 대한 부분을 컨트롤 하지 못함
    • http로 request하는 이미지들에 대해 https로 수정
      • 서비스가 ssl이 적용이 되어있어 소스 내부에 있는 이미지들을 http로 request 할 경우 https로 재 request를 하여 두번 호출하는 경우가 생김
    • javascript중 비동기 처리가 가능 한 부분을 비동기처리
      • 호출 순서에 연관이 없는 javscript에 대해 비동기 처리
 
 
3) 3차 대응
  • 파일 사이즈를 감소시키기 위한 대응
    • 이미지 파일 경량화 : 1차 대응 때와는 다르게 성과가 없었음 (https://imagecompressor.com/ko/)
    • 컨텐츠를 줄일 수 없는 상황이였으며, 리소스를 감소시킬 수 있는 방안에 대해 모색하여야 했음
  • 리소스를 감소 시키기위한 대응 
    • 사용하는 css와 javscript 소스를 판단하는 방법을 찾음
      • chrome의 개발자도구 → ctrl + shift + p  >show coverage 입력 coverage탭에서 ● 버튼 클릭
      • 사용중/미사용중인 javascript와 css가 표시됨(소스단위로 까지 볼수 있음)
    • css 파일 정리
기존 jsp 화면단 소스
<link rel="stylesheet" href="/css/common.css" type="text/css" />
 
기존 common.css 내부 소스
@charset 'utf-8';
@import url(css/css1.css);
@import url(css/css2.css);
@import url(css/css3.css);
 
개선한 jsp 화면단 소스
<link rel="stylesheet" href="/css/css1.css" type="text/css" />
<link rel="stylesheet" href="/css/css2.css" type="text/css" />
<link rel="stylesheet" href="/css/css3.css" type="text/css" />
 
      • 안쓰는 css 정리 및 css 파일 하나로 merge
        • 23개의 css파일을 → 4개로 줄임(리소스개수가 확 줄었고, pingdom grade도 증가했으며, 속도를 극적으로 줄여줌)
 
    • javascript 파일 정리
      • 안쓰는 javascript 정리 : 리소스 개수는 크게 줄진 않았으며, 속도를 조금 줄여줌
      • 비동기 처리가 가능한 javscript 정리 :  2차 대응때 했던 호출순서에 연관없는 javascript 비동기 처리를 늘림
      • javascript 순서 정리
        • DOMContentload 단계에 영향이 있는 script를 <head> 태그 내부로 이동
prioriry(우선순위)를 Highest 수준으로 설정
        • load 단계에 영향이 있는 script를 <body> 태그 내부 제일 마지막 부분으로 이동
웹브라우저가 HTML 문서를 해석할 때 <script> 태그를 만나면 그 안에 있는 javascript 의 처리가 끝날 때 까지 다른 HTML의 해석을 멈추기 때문에 body 태그 하단에 배치
prioriry(우선순위)를 Mideum 수준으로 설정
        • 초기 랜더링에 영향이 없는 script는 defer attribute를 추가 
prioriry(우선순위)를 Low 수준으로 설정
<script defer type="text/javascript" src="/js/egovframework//common/common.js" ></script>
        • 메인 페이지에 종속성이 없는 script(광고삽입 코드 등..) async 처리
 
    • 모바일 컨텐츠 줄이기
      • 호출하는 이미지 갯수를 감소시킴(속도에 영향이 거의 없었음)
 
    • 네트워크 연결 관련 설정 추가
      • 이미지 파일이 위치한 DNS 서버 prefetch 적용 (이미지 서버에서 모든 이미지마다 이미지서버의 dns lookup을 하는데 그 시간을 단축)
      • JSP 화면단 <head>태그에 미리 dns 서버의 정보를 심어둠  
<link rel="dns-prefetch" href="http://web.server.com">
 
    • css sprite 기법 적용
      • 같은 사이즈의 연속되는 심볼 이미지 파일을 하나의 png 파일로 묶은 후 이미지 경량화 및 css 수정
        • css 파일
 #top{background:url(../../img/category.png) no-repeat 0 0; text-indent:-99999px; display: inline-block; width:60px; height:50px;}
.top_img1{background-position:0px 0px !important;}
.top_img2{background-position: -60px 0px !important;}
.top_img3{background-position: -120px 0px !important;}
.top_img4{background-position: -180px 0px !important;}
.top_img5{background-position: -240px 0px !important;}
.top_img6{background-position: -300px 0px !important;}
.top_img7{background-position: -360px 0px !important;}
 
.top_img8{background-position:0px -50px !important;}
.top_img9{background-position: -60px -50px !important;}
.top_img10{background-position: -120px -50px !important;}
.top_img11{background-position: -180px -50px !important;}
.top_img12{background-position: -240px -50px !important;}
.top_img13{background-position: -300px -50px !important;}
.top_img14{background-position: -360px -50px !important;}
 
        • JSP 화면단
<span class="top_img${idx.count }" id="top"></span>
 
5. 결과
1) 3~40초대에 육박하는 load time을 최소 12초 까지 줄어들었음
2) pingdom grade가 67점 에서 71점으로 올랐으며, D등급에서 C등급으로 상승
3) 페이지 사이즈 : 747.64KB , Requests 수 : 90
 
6. 마무리
1)  진행한 작업 순서
  • 이미지 파일 경량화
  • 쿼리확인
  • 컨텐츠 줄이기
  • 하이브리드앱을 웹뷰로 전환
  • lazyloading 적용
  • http로 request하는 이미지들에 대해 https로 수정
  • javascript중 비동기 처리가 가능 한 부분을 비동기처리
  • 이미지 파일 재경량화
  • css 파일 merge
  • css 파일 분리(한 css 파일에 import된 css JSP 화면단으로 분리)
  • 덜쓰는 css 파일 merge 후 삭제
  • 안쓰는 css 파일 삭제 
  • 덜쓰는 javscript 파일 merge 후 삭제
  • 안쓰는 javascript 삭제
  • DOMContentload 단계에 영향이 있는 script를 <head> 태그 내부로 이동
  • load 단계에 영향이 있는 script를 <body> 태그 내부 제일 마지막 부분으로 이동
  • 초기 랜더링에 영향이 없는 script는 defer attribute를 추가 
  • 메인 페이지에 종속성이 없는 script(광고삽입 코드 등..) async 처리
  • 모바일 컨텐츠 줄이기
  • 이미지 파일이 위치한 DNS 서버 prefetch 적용
  • css sprite 기법 적용
 
2) 네트워크 이슈는 배제할수 없으나 소스상에서 줄일 수 있는 부분은 최대한 줄여보는것을 추천

 

7. 추가 대응

jstl 태그 c:if 또는 c:forEach 등의 사용으로 무분별한 개행처리가 되어 메인 페이지의 소스를 3만줄 이상 road함

개행처리에 대해 소스 수정

속도 이슈에 긍정적인 효과가 꽤 컸음

반응형
반응형

1. 개요 

- 일반 log4j2설정으로는 원하는 로그를 설정할 수 없음

- client가 많은 서비스에서 쿼리까지 보는데 log가 많이 쌓임

- 서비스 구동하는 동안 request count가 필요했음

- requset한 parameter, client 브라우저등 과 같은 커스텀한 log를 만들고 싶었음

 

2. 설정 방법

- request가 들어올때 servlet에서 url mapping 전에 interceptor를 먼저 탐 이를 이용하여 log 설정을 진행(interceptor를 활용하여 주로 로그인 권한을 체크함) 

- servlet 설정에서 interceptor 추가

  • 경로 : 서비스명\src\main\webapp\WEB-INF\config\egovframework\springmvc\egov-com-servlet.xml

  • 소스 추가 :

    <mvc:interceptors>

        <mvc:interceptor>

            <mvc:mapping path="/**" />

           <bean class="egovframework.com.cmm.interceptor.LoggerInterceptor" />

        </mvc:interceptor>

    </mvc:interceptors>

 

 

- bean class에 명시한 경로에 java file 생성

  • 경로 : 서비스명\src\main\java\egovframework\com\cmm\interceptor\LoggerInterceptor.java

  • 소스 추가 :

package egovframework.com.cmm.interceptor;

import java.net.InetAddress;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.Enumeration;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.springframework.web.servlet.ModelAndView;

import org.springframework.web.servlet.handler.HandlerInterceptorAdapter;

import egovframework.service.util.NetworkUtil;

/**

 * 로그용 인터셉터

 * @author

 * @since

 * @version 1.0

 * @see

 */

public class LoggerInterceptor extends HandlerInterceptorAdapter {

     // 로그 고유번호 변수선언 및 초기화

     public long lognumber = 0;

    

     @Override

     public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

           // 인터셉터 접근 시 로그 고유번호 증가

           lognumber++;

           

           // request 객체에 로그 고유 번호 set

           request.setAttribute("requestLogId", lognumber);

           

           // 로그에 담을 서버 현재 날짜 및 시간 세팅

           // 날짜 포맷 지정

           SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

           // 서버의 현재 날짜 객체 생성

           Date date = new Date();

           // 날짜 포맷 형태로 서버 현재 날짜 및 시간 변수 선언 및 초기화

           String requestTime = dateFormat.format(date);

     

           // client의 브라우저 명칭을 담을 변수 선언 및 초기화

           String browser ="";

           

           // client header에서 브라우저 언어를 담을 변수 선언 및 초기화

           String acceptLang = request.getHeader("Accept-Language");

           

           // client의 브라우저 언어를 담을 변수 선언

           String browserLanguage = "No Data";

           

           // header에 브라우저 언어가 있을경우 분기 처리

           if(acceptLang != null){

                // header에서  브라우저 언어 추출

                browserLanguage = acceptLang.split(",")[0];

           }

           

           try {

                // client header에서 브라우저 정보를 담을 변수 선언 및 초기화

                String browserInfo = request.getHeader("User-Agent"); // 사용자 User-Agent 값 얻기

                // header에 브라우저 정보가 있을 경우 분기 처리

                if (browserInfo != null) {

                     // header에서 Trident 문자열이 있을 경우 브라우저 언어는 Internet Explore

                     if (browserInfo.indexOf("Trident") > -1) {

                           browser = "MSIE";

                     // header에서 Chrome 문자열이 있을 경우 브라우저 언어는 Internet Explore

                     } else if (browserInfo.indexOf("Chrome") > -1) {

                           browser = "Chrome";

                     // header에서 Opera 문자열이 있을 경우 브라우저 언어는 Internet Explore

                     } else if (browserInfo.indexOf("Opera") > -1) {

                           browser = "Opera";

                     // header에서 Firefox 문자열이 있을 경우 브라우저 언어는 Internet Explore

                     } else if (browserInfo.indexOf("Firefox") > -1) {

                           browser = "Firefox";

                     // header에서 iPhone 문자열이 있을 경우 브라우저 언어는 Internet Explore

                     } else if (browserInfo.indexOf("iPhone") > -1 && browserInfo.indexOf("Mobile") > -1) {

                           browser = "iPhone";

                     // header에서 Android 문자열이 있을 경우 브라우저 언어는 Internet Explore

                     } else if (browserInfo.indexOf("Android") > -1 && browserInfo.indexOf("Mobile") > -1) {

                           browser = "Android";

                     }

                }

           } catch (Exception e) {

                e.printStackTrace();

           }

           

           // client IP를 담을 변수 선언 및 초기화

           // client IP가 아닌 서버 IP를 담는 이슈로 인해 정상 처리를 위한 함수 호출

           String clientIp = NetworkUtil.getClientIpAddr(request);

           

           // request method를 담을 변수 선언 및 초기화

           String requestMethod = request.getMethod();

           

           // request한 uri를 담을 변수 선언

                           // request한 프로토콜 명

           String uri = request.getScheme() + "://" +

                           // request한 서버 이름

                           request.getServerName() +

                           // request한 스키마가 http이면서 80포트이거나, request 스키마가 https이면서 443포트인 경우 포트 생략 아닐 경우 :포트번호 추가

                           ("http".equals(request.getScheme()) && request.getServerPort() == 80 || "https".equals(request.getScheme()) && request.getServerPort() == 443 ? "" : ":" + request.getServerPort() ) +

                           // request한 uri

                           request.getRequestURI() +

                           // request한 쿼리가 있으면 쿼리 스트링의 시작을 알리는 ?와 쿼리스트링 추가 없을경우 빈값

                           (request.getQueryString() != null ? "?" + request.getQueryString() : "");

           

           // 서버 ip를 담을 변수 선언 및 초기화

           // 현재 서버의 localhost명을 담을 변수 선언 및 초기화

           InetAddress address = InetAddress.getLocalHost();

           // 서버 ip를 담을 변수 선언 및 초기화

           String serverIp = address.getHostAddress();

           

           // request된 파라미터를 정리하여 log로 뿌려줄 변수 선언 및 초기화

           String params ="";

           

           // request된 파라미터를 담을 변수 선언 및 초기화

           Enumeration param = request.getParameterNames();

           

           // request된 param가 있을 때까지 반복

           while(param.hasMoreElements()){

                // request된 파라미터의 이름을 담을 변수 선언 및 초기화

                String name = (String)param.nextElement();

                // request된 파라미터의 값을 담을 변수 선언 및 초기화

                String value = request.getParameter(name);

                // value값이 있을 경우 params 변수에 이름:값 탭을 추가

                if(null != value && !"".equals(value)){

                     params += (name+":"+value+"\t");

                }

           }

        // 로그 정리

          System.out.println("\n\n=========================================\tREQUEST START\t=========================================");

           System.out.println(" Log ID \t:  " +request.getAttribute("requestLogId"));

           System.out.println(" Request Time \t:  "+ requestTime);

           System.out.println(" BrowserLanguage:  " + browserLanguage);

           System.out.println(" BrowserInfo \t:  " + browser);

           System.out.println(" Client IP \t:  " + clientIp);

           System.out.println(" Method \t:  " + requestMethod);

           System.out.println(" Request URL \t:  "+ uri);

           System.out.println(" Server IP \t:  "+ serverIp);

           System.out.println(" Parameters \t:  " + params);

          System.out.println("=========================================\tREQUEST END\t\t=========================================\n\n");

           

           // request된 intercepter 종료

           return super.preHandle(request, response, handler);

     }

     

     public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {

           // 로그에 담을 서버 현재 날짜 및 시간 세팅

           // 날짜 포맷 지정

           SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

           // 서버의 현재 날짜 객체 생성

           Date date = new Date();

           // 날짜 포맷 형태로 서버 현재 날짜 및 시간 변수 선언 및 초기화

           String responseTime = dateFormat.format(date);

           

           // request한 uri를 담을 변수 선언

                           // request한 프로토콜 명

           String uri = request.getScheme() + "://" +

                           // request한 서버 이름

                           request.getServerName() +

                           // request한 스키마가 http이면서 80포트이거나, request 스키마가 https이면서 443포트인 경우 포트 생략 아닐 경우 :포트번호 추가

                           ("http".equals(request.getScheme()) && request.getServerPort() == 80 || "https".equals(request.getScheme()) && request.getServerPort() == 443 ? "" : ":" + request.getServerPort() ) +

                           // request한 uri

                           request.getRequestURI() +

                           // request한 쿼리가 있으면 쿼리 스트링의 시작을 알리는 ?와 쿼리스트링 추가 없을경우 빈값

                           (request.getQueryString() != null ? "?" + request.getQueryString() : "");

           

           // 로그 정리

          System.out.println("\n\n=========================================\tRESPONSE START\t=========================================");

           System.out.println(" Log ID \t:  " + request.getAttribute("requestLogId"));

           System.out.println(" Response Time \t:  "+ responseTime);

           System.out.println(" Request URL \t:  "+ uri);

           // java 버전 이슈로 인해 response객체의 status값(200, 403 ... )을 받아오지 못해 주석 처리

           // System.out.println(" Response status:  " + response.getStatus());

          System.out.println("=========================================\tRESPONSE END\t\t=========================================\n\n");

           

           // response된 intercepter 종료

           super.postHandle(request, response, handler, modelAndView);

     }     

}

 

 

3. 단점

- log가 여러줄로 처리되어 다른 log와 중첩되어 보여지는 경우가 간혹 발생하며, 

서버 side에서 늦게 처리되는경우 request와 respone를 각각 확인하기 어려운 경우가 있음

반응형
반응형

구두 끈이 풀린지도 모른채

앞만 보고 뛴다면 절대 1등 할 수 없다.

가끔은 아래를 보며

풀린 끈을 꽉 조여라


- 하워드 슐츠 - 

반응형
반응형

급하면 매력없


feat, 조급하면 저급하다.

반응형
반응형

google traslate 구버전에서 자동 번역 기능 추가 하는 방법

<div id="google_translate_element">
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
includedLanguages: 'zh-CN,nl,en,fr,de,ja,ko,es,th,cy',
autoDisplay: false,
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script>

현재 상황 
  • 예전에 무료로 사용했던 웹에 붙이는 google번역기가 유료로 전환하며 무료서비스는 종료
  • 더이상 기능 개선이 안되고 레퍼런스를 찾아보기 힘듦

기능 수정 요청
  • 특정 URL접속 시 자동으로 번역되도록 수정 요청

이슈
  • google.translate객체 생성 시 autoDisplay : true, 로 변경하면 자동으로 변경이 될것을 기대했지만 변경되지 않음.
  • https://ooz.co.kr/154 참조


해결 방안
  • Google 번역은 'googtrans'라는 쿠키를 사용하여 선택한 언어를 추적함.
  • 페이지가 로드되기 전에 쿠키를 직접 설정할 수 있으며 Google 번역에서 cookie를 바라봄
  • https://stackoverflow.com/questions/1773687/google-translate-set-default-language 참조
  • 소스
window.onload = function(){
     var l_from_domain = $("#from_domain").val();
     if (l_from_domain=="cn"){
           document.cookie="googtrans=/en/zh-CN";
     }
     
     // 영어(기본), 중국어(번체), 중국어(간체),스페인어, 포르투갈어, 일본어, 러시아어
     new google.translate.TranslateElement({
            pageLanguage: "en",
            includedLanguages: "en,zh-CN,zh-TW,es,pt,ja,ru",
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
            autoDisplay: true
            , multilanguagePage: true
        }, l_google_id);
};












반응형

+ Recent posts