0. 소개
자바스크립트 파일의 압축과 알고리즘 암호화를 위해 대부분의 웹사이트에서는 난독화 작업이 필수입니다. 난독화는 프론트엔드 코드를 보호하고 해석을 어렵게 만들어 수준 높은 보안을 유지하도록 도와줍니다. 꼭 보호가 아니더라도 작성한 코드에 대해 알고리즘과 아이디어를 숨길 수 있습니다. 그런 의미에서 난독화는 코드 보호뿐 아니라 다방면에서 유용하다고 말할 수 있습니다.
NodeJS에서 난독화를 진행해 보겠습니다. 먼저 데모는 아래 사이트에서 확인해 주시길 바랍니다.
JavaScript Obfuscator Tool
What is this? This tool transforms your original JavaScript source code into a new representation that's harder to understand, copy, re-use and modify without authorization. The obfuscated result will have the exact functionality of the original code. How
obfuscator.io
1. 설치
8.3k.. 믿을 수 있습니다.
https://github.com/javascript-obfuscator/javascript-obfuscator
GitHub - javascript-obfuscator/javascript-obfuscator: A powerful obfuscator for JavaScript and Node.js
A powerful obfuscator for JavaScript and Node.js. Contribute to javascript-obfuscator/javascript-obfuscator development by creating an account on GitHub.
github.com
먼저 프로젝트 폴더에서 설치를 진행해줍니다.
개발용 전역 설치
npm install --save-dev javascript-obfuscator -g
2. 실행
실행은 간단합니다.
javascript-obfuscator ./public --output ./dist [options]
./public 디렉토리는 원본 소스코드가 있는 위치입니다.
./dist 디렉터리는 난독화가 진행된 코드가 있는 위치입니다.
위 코드를 실행해주면 다음과 같은 화면이 뜨며 정상적으로 난독화가 진행됩니다.
하위 디렉터리가 있다면 동일하게 적용됩니다. 만약 원본 코드와 아웃풋 디렉토리가 같다면 파일명-obfuscated.js 가 적용됩니다.
'💻기술 > JavaScript' 카테고리의 다른 글
자바스크립트로 만들 수 있는 프로젝트 모음 (0) | 2023.03.01 |
---|---|
[ ThreeJS ] OBJLoader object 위치 이동 (0) | 2022.04.21 |
[ PeerJS ] WebRTC 를 편하게 다뤄보자 (0) | 2021.11.18 |
[ Javascript ] Solvedac API로 백준 사용자 정보 가져오기 (1) | 2021.09.29 |