Jechue World

이슈

: summernote toolbar 내 화살표 아이콘 중복 현상

이슈 스크린샷

환경

bootstrap.min.js (4.x 버전)

summernote-lite.js (v0.8.18 버전)

jquery.js (3.x버전)

summernote 호출 js

$("#summernote").summernote({
    height: 300,        // 에디터 높이
    minHeight: 300,    // 최소 높이
    maxHeight: null,    // 최대 높이(null 제한없음)
    focus: false,        // 에디터 로딩후 포커스를 맞출지 여부
    lang: "ko-KR",      // 한글 설정
    toolbar: [
                ['fontname', ['fontname']],     // 글꼴 설정
                ['fontsize', ['fontsize']],    // 글자 크기 설정
                ['style', ['bold', 'italic', 'underline','strikethrough', 'clear']], // 굵기, 기울임꼴, 밑줄,취소 선, 서식지우기
                ['color', ['forecolor','color']],    // 글자색
                ['table', ['table']],    // 표만들기
                ['para', ['ul', 'ol', 'paragraph']],    // 글머리 기호, 번호매기기, 문단정렬
                ['height', ['height']],    // 줄간격
                ['insert',['picture','link','video']],    // 그림첨부, 링크만들기, 동영상첨부
                ['view', ['fullscreen', 'codeview', 'help']]    // 코드보기, 확대해서보기, 도움말
    ],
      // 추가한 글꼴
    fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New','맑은 고딕','궁서','굴림체','굴림','돋음체','바탕체'],
     // 추가한 폰트사이즈
    fontSizes: ['8','9','10','11','12','14','16','18','20','22','24','28','30','36','50','72']

});

원인

:  bootstrap css내 .dropdown-toggle 속성, summernote css 내 .note-icon-caret 중복 노출

처리

: bootstrap 4.x 이상 사용시 dropdown-toggle 요소 때문에 중복 노출, 에디터 화면에서는 해당 요소 무시 처리

.dropdown-toggle::after {
    display:none;
}

java8 stream

- 기존 for, foreach 보다 로직이 간단해 진다. (코드 양줄임)

@Test
public void isRegisteredUserDevice() throws Exception {

// 디바이스 객체 선언 및 데이터 주입

Device device = new Device();
device.setDeviceseq(0);

// 비교 대상군인 디바이스 객체 선언 및 데이터 주입
UserDevice userDevice = new UserDevice();
UserDevice userDevice1 = new UserDevice();
UserDevice userDevice2 = new UserDevice();

userDevice.setDeviceseq(1);
userDevice1.setDeviceseq(2);
userDevice2.setDeviceseq(3);

// 리스트에 비교 대상군 디바이스 객체 삽입
List userDevices = new ArrayList();
userDevices.add(userDevice);
userDevices.add(userDevice1);
userDevices.add(userDevice2);

// java stream filter를 사용하여 리스트의 요소들을 필터링
System.err.println(

// 디바이스 객체 deviceseq가 userDevices 리스트 요소 중 deviceseq가 같으면 true, 아니면 false

userDevices.stream().filter(ud -> ud.getDeviceseq() == device.getDeviceseq()).collect(Collectors.toList()).size() > 0);
}

Window 10에 openJDK 설치하기

ojdkbuild

https://github.com/ojdkbuild/ojdkbuild

해당 링크에 접속 후 설치하고자 하는 버전을 다운로드 한다.

설치 후 Window 키 + R 키 실행창을 열어 cmd 명령어 입력 후 터미널 실행

터미널에서 java -version 명령어 입력 후 아래와 같이 확인.

위 사진과 같이 확인이 안될 경우 또는 환경변수 설정이 헷갈릴 경우 아래 내용을 계속 보면 된다.

기존 ORACLE JAVA를 설치한 경우에는 환경변수를 수정 해줘야 한다.

Window 키 + R 키 로 실행창을 열어 sysdm.cpl 명령어 입력 후 시스템 속성 창 연다.

고급 탭을 선택 하고 환경변수 창을 연다.

시스템 변수 영역에서 JAVA_HOME 변수를 수정한다.

기존 JAVA 경로를 설치한 open JDK 경로로 수정 해주고 저장한다.

(보통 기존 설치한 ORACLE JDK 경로는 C:\Program Files\Java\jdk1.8.0_172 로 되어있을 것이다. 

나는 그냥 기존 설치 경로에 openJDK를 zip파일로 받아 압축을 풀어 아래와 같은 경로로 설정하였다.)

Path 변수를 수정한다.

(그렇지 않으면 cmd 에서 자바버전을 확인하면 openJDK가 아닌 ORACLE JDK로 버전이 나온다.)

기존 msi 확장자로 설치 하였을 경우 아래와 같이 javapath 가 변수로 설정되어있을 것이다.

그냥 삭제 해버리면 된다.

마지막으로 터미널 창을 실행시켜 openJDK가 설치 되었는지 확인한다.

물론 터미널은 새로 켜서 확인해야 바뀐내용을 확인할 수 있다. 그래도 바뀌지 않았을 경우 컴퓨터를 재부팅후 확인하면 된다.

var ctx = window.location.pathname.substring(0, window.location.pathname.indexOf("/",2)) + "/";

var baseUrl = location.origin + ctx;

SSL 적용하기

참고자료

https://meisteruser.net/tip_tutorials/1791