Genie's Dev Story

[ 현상 ] 

아이폰에서 문구가 자꾸만 줄바꿈 되어 나온다.. 

살짝 터치해주면 다시 정상적으로 나옴.. 

테스트폰 1 에선 줄바꿈 되어나오는데 

같은 기종 같은 브라우저를 쓰고있는 테스트폰2 에선 정상적으로 나오고 있다. 

뭔가 렌더링할때 이슈가 있는거 같아 확인해보니 폰트가 문제였다. 

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

구글링 해보니 FOUT 이라는 현상을 알게되었다. 

웹폰트 적용시 적용하는 폰트가 적용되기전 폰트가 안뜨거나 대체폰트로 보였다가 로딩후 제대로 보이는 현상을 FOUT라고 한다.

fontFaceObserver.js 를  통해 처리하는 방법을 찾아 적용해보니 잘된다~ !

개선 ㄱㄱ~~ 

1. 스크립트 다운로드! 

2. layout.html 에 스크립트 추가. 

<script src="/resources/js/fontfaceobserver.js"></script>

3. 하단에 스크립트 추가! 

<script>
    document.documentElement.classList.add('blocking-time');
    setTimeout(function() {
        document.documentElement.classList.remove('blocking-time');
    }, 400)
    var font = new FontFaceObserver('Noto Sans KR');
    font.load(null, 3000).then(function() {
      document.documentElement.classList.add('fonts-loaded');
    });
</script>

이 내용에 대해 아주 상세하게 정리된 포스팅이 있다. 

읽어보고 참고하기!! 

jquery dialog 기능을 이용해 정보를 출력하는 창을 띄우도록 작업했다.

resize 가능하도록 작업을 해뒀는데 

다이얼로그 화면 크기를 조절하면 자꾸만 jqgrid 작업중에 페이징 영역이 자꾸 테이블과 동떨어지게 

나타나는 현상이 있었다. 

개발자 도구를 열어 확인해보니 ui-pg-table 클래스를 가진 table에 입혀진  height 를 제거하니 원하는대로 

테이블 바로 아래 출력되는걸 확인했다~ 그럼 지워 봅시다~ 

Pager를 추적해보니 jquery.jqGrid.src.js 파일에서 설정되고 있는걸 확인!! 

저 height 를 지워주고 ~~ 캐시 날리고 다시 실행해본다!

굳!!  원하던대로 화면 사이즈를 조잘해도 잘 붙어서 나온다~~ 

TLS 버전 확인 방법을 알아본다! 

우선 나의 TLS 버전 확인 하는 방법!

1. SSL 인증서가 있는 서버에 접속한다. 

2. 아래 명령어를 실행해본다. 

포트번호는 대부분 443 이겠지만, 다른 포트번호로 설정해서 사용중이라면 사용중인 포트로 적어준다.

명령어를 입력하면 주르륵 확인된 내용들이 출력될것이다. 

openssl s_client -connect 서버아이피:포트번호

예1) openssl s_client -connect 192.168.0.0:443

예2) openssl s_client -connect 192.168.0.0:9443

3.  출력된 내용을 스크롤로 내려보면 아래 이미지와 같은 부분을 볼수있다. 

이 빨간 네모 안에 있는게 지금 적용되어있는 버전이다. 

내가 원하는 버전을 지원하는지 확인하는 방법!! 

위에서 입력했던 명령어에 옵션만 추가해주면 된다~!! 

# 1.2 버전 지원이 가능한지 확인하기 
openssl s_client -connect 192.168.0.0:9443 -tls1_2

# 1.1 버전 지원이 가능한지 확인하기 
openssl s_client -connect 192.168.0.0:9443 -tls1_1

간단하게 웹에서도 확인할 수 있는 사이트 2곳 소개~ 

이곳은 커스텀된 포트번호도 조회 가능하다 (예 7443 등등 ) 

"www.ssllabs.com/"사이트는 일반적인 포트만 조회 가능한것 같다~ 80, 443 

끝! 

Spring Boot, gradle, jpa 환경설정 후 서비스를 돌리는데 

아래와 같은 에러가 발생했다! 

지원되지 않는 문자 집합(클래스 경로에  orai18n.jar 추가): KO16MSWIN949

이 에러는 DB에 세팅된 인코딩 방식이 JDBC에서 지원하지 않는 인코딩 방식이라 에러가 나는것이다~

다른 서버에서는 UTF8AL32UTF8 이여서 에러가 발생하지 않는데 

이건 orai18n.jar 에서 지원하는 인코딩 이여서 그런것~~ 

gradle.build 파일에 아래 한줄 추가해준다.

compile group: 'com.oracle.database.nls', name: 'orai18n', version: '19.7.0.0'

프로젝트 우클릭 > gradle> refresh gradle project 해주면 된다~ 

오라클 시간별 조회방법 조건절 저장! 

시간별로 조회할 수 있는 조건이다. 

SELECT 
TO_TIMESTAMP(to_char((sysdate), 'YYYY-MM-DD HH24') || ':00:00', 'YYYY-MM-DD HH24:MI:SS') AS B		
, TO_TIMESTAMP(to_char((sysdate), 'YYYY-MM-DD HH24') || ':59:59', 'YYYY-MM-DD HH24:MI:SS') AS C
FROM DUAL;

SELECT 
TO_TIMESTAMP(to_char((sysdate - (60*3)/(24*60)), 'YYYY-MM-DD HH24') || ':00:00', 'YYYY-MM-DD HH24:MI:SS') AS B		
, TO_TIMESTAMP(to_char((sysdate - (60*1)/(24*60)), 'YYYY-MM-DD HH24') || ':59:59', 'YYYY-MM-DD HH24:MI:SS') AS C
FROM DUAL;