ING

npm install -g --production windows-build-tools

npm uninstall node-sass

npm install --save-dev  --unsafe-perm node-sass

Node Sass version 7.0.1 is incompatible with ^4.0.0

npm uninstall node-sass

npm install node-sass@4.14.1

* 그냥 터미널에서 했을 경우는 계속 에러가 났었는데 cmd에서 해당 명령어들 다시 한 번씩 해주니 돌아갔다..

[참고]

https://kcmschool.com/175

https://footprint-of-nawin.tistory.com/54

안녕하세요 Jin's 입니다.

mysql server 로컬 설치 방법 및 DBeaver에서 나는 public key retrieval is not allowed 에러 해결법입니다.

먼저 mysql 다운로드 url입니다.

https://dev.mysql.com/downloads/installer/

아래의 Installer를 설치해주시고, 로그인할 필요 없이 No thanks로 하시면 다운로드 바로 가능합니다.

Installer 실행을 시키면 아래와 같이 창이 뜨게 됩니다.

그중에 저는 mysql server만 필요하기 때문에 Server only로 선택하겠습니다.

설치 후 DBeaver에서 로컬 서버 Connection 하는 부분입니다.

설치 시 설정했던 비밀번호로 입력해주시면 됩니다.

접속 시 public key retrieval is not allowed 라는 에러가 뜨게 되는데

그 경우  allowPublicKeyRetrieval 부분을 True로 경하면 됩니다.

[ public key retrieval is not allowed ]

마지막으로 설치 후 테스트 계정 생성 명령어 정리해두었습니다.

테스트계정 생성

CREATE DATABASE test_db default CHARACTER SET UTF8;

CREATE USER test@localhost IDENTIFIED BY 'Qwer1234!@#$';

GRANT ALL PRIVILEGES ON test_db.* TO test@localhost;

안녕하세요 Jin's 입니다.

최근 log4j 관련해서 이슈가 있었죠
저는 주말에 회사에 긴급 연락을 받아서 패치를 하게 되었었습니다.
https://www.edaily.co.kr/news/read?newsId=01203766629277864&mediaCodeNo=257&OutLnkChk=Y

요즘은 Spring Boot로 넘어가면서 log4j2로 사용해서 최근 프로젝트에는 사용하지 않고 있지만
유지보수하고 있던 예전 소스들에서 쓰고 있어서 대상이 되었더라고요.

자세한 내용은 아래 게시글 읽어보시면 도움 될 거 같아요.
https://www.krcert.or.kr/data/secNoticeView.do?bulletin_writing_sequence=36389

저는 자바 8 버전을 쓰고 있었기 때문에 2.15.0 버전으로 업그레이드하면서 조치를 했었습니다.
아래는 제 버전업 한 pom.xml 캡처입니다.

wget 으로 설치하려고 할 때 증명서 관련 문제가 생길 경우입니다.

[ 에러 화면 ]

해당 경우 wget 명령어 마지막에  --no-check-certificate 를 추가해 주면 정상 작동하게 됩니다.

sudo wget url --no-check-certificate

window cmd 창에서 진행합니다.

1. npm을 이용하여 설치

npm install -g yarn

2. yarn 설치 확인

yarn --version

기획에서 모바일 웹에서 창을 닫아달라는 요청이 있었다.

이 로직을 태우면서 발견한 여러가지 문제점을 적어두려고 한다.

1. 개발한 링크를 문자에서 바로 누르고 들어갈 경우

    1-1. 싱글페이지일 경우

          이때는 닫기가 잘 된다

    1-2. 싱글페이지가 아닐 경우

          첫 화면의 창 닫기 로직을 태우면 잘 되지만, 화면 이동을 했을 경우부터는 동작을 하지 않는다.

2. 문자에서 받았지만 직접 url을 입력하여 웹을 동작시켰을 경우

    2-1. 모든 경우

          안드로이드에서는 blank 화면으로 꺼질 수는 있으나 ios에서는 동작하지 못함

아래의 로직을 태웠을때 잘 동작할 경우와 동작 하지 않을 경우에 대한 컨트롤이 어렵기 때문에

결국 해당 기능은 제거하기로 결론이 났다.

  const _ua = window.navigator.userAgent || window.navigator.vendor || window.opera
  const type = checkMobile();

  if (type == 'kakaotalk') { 
  	//kakaotalk
    window.location.href = (/iPad|iPhone|iPod/.test(_ua)) ? 'kakaoweb://closeBrowser': 'kakaotalk://inappbrowser/close';
  }else if(type == 'ios'){ 
  	//ios
    window.open('', '_self', '')
    window.close();
  }else {
    window.open('about:blank','_self').self.close();
  }





// 브라우저 구별 function 참고 하기 위해 적어둠
// 기기구분
function checkMobile(){
	var ua = navigator.userAgent.toLowerCase(); 
    if ( ua.indexOf('kakaotalk') > -1) {
        //카카오톡
        return "kakaotalk";
    } else if ( ua.indexOf('android') > -1) {
        //안드로이드
        return "android";
    } else if ( ua.indexOf("iphone") > -1||ua.indexOf("ipad") > -1||ua.indexOf("ipod") > -1 ) {
        //ios
        return "ios";
    } else {
        //ios, 안드로이드 외
        return "other";
    }
}

vus.js 로 개발하면서 웹 화면 개발 중 브라우저별  처리가 달라져야하는 부분이 생길 수 있다.

ios, android일 때와 카카오톡에서 링크를 눌렀을 경우 각 브라우저를 return 하는 펑션 내용이다.

    var ua = navigator.userAgent.toLowerCase(); //userAgent 값 얻기
    if ( ua.indexOf('kakaotalk') > -1) {
        //카카오톡
        return "kakaotalk";
    } else if ( ua.indexOf('android') > -1) {
        //안드로이드
        return "android";
    } else if ( ua.indexOf("iphone") > -1||ua.indexOf("ipad") > -1||ua.indexOf("ipod") > -1 ) {
        //ios
        return "ios";
    } else {
        //ios, 안드로이드 외
        return "other";
    }

cookie 등록, 수정, 삭제 로직입니다.

수정은 setCookie를 다시 호출하면 됩니다.

저는 vue.js 에서 사용하였습니다.

// 쿠키 셋팅
function setCookie(id, value) {
    document.cookie = id+'='+value;
}

// 저장된 쿠키값 가져오기
function getCookie(id) {
    var value = document.cookie.match('(^|;) ?' + id + '=([^;]*)(;|$)');
    return value? unescape(value[2]) : null;
}

// 저장된 쿠키값 삭제
function deleteCookie(id) {
    document.cookie = id + '=;';
}

참고 블로그 : https://sncap.tistory.com/962