javascript 파일 난독화

 

안녕하세요. 루루개발자 입니다.

이번에는 javascript 파일을 난독화 하는 방법에 대해 알아보겠습니다.

 

사실 이번에 javascript SDK 하나를 개발하게 되었습니다. 하지만 비즈니스 로직이 너무 적나라하게 드러나 있어서 이를 어떻게 해결할까 하다가 난독화를 이용해 이 문제를 조금이라도 해결 할 수 있지 않을까 싶었습니다.

 

그렇습니다.

javascript 파일을 난독화 하는 이유는 javascript 파일 내용을 남이 보더라도 분석을 어렵게 하기 위함입니다. 

 

먼저 터미널에서 아래 명령어를 입력해 uglify-js 패키지를 전역으로 설치합니다.

npm i uglify-js

 

그 후, 아래와 같이 명령어를 입력해 원본js 파일을 난독화한 js 파일로 새로 생성해줍니다.

uglifyjs {원본js파일명} -o {난독화된js파일명} -c -m --mangle-props

 

아래는 예제입니다.

 

<난독화 전>

class TestClass {
  name;
  age;

  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  alertName() {
    alert(this.name);
  }

  alertAge() {
    alert(this.age);
  }
}

 

<난독화 후>

class TestClass{name;t;constructor(t,s){this.name=t,this.t=s}l(){alert(this.name)}h(){alert(this.t)}}

 

보시는 것처럼 기존에 사용하던 변수명을 t, s, h ... 등으로 바꾸어주기 때문에 해당 변수가 무엇을 의미하는지 쉽게 유추하는 것을 막아주기도 합니다. 코드가 길어지면 길어질 수록 더더욱 코드 분석이 어려워질 것 같네요. :)

 

읽어주셔서 감사합니다!