[JavaScript/React] 유용한 라이브러리/프레임워크

계속 추가됨

 

1. Material-UI

Material UI: React components that implement Material Design

디자인 템플릿과 svg 아이콘 제공하는 리액트 전용 프레임워크.

 

Top 10 React Component Libraries/Frameworks for 2024

참고로 위 사이트에서 집계된 랭킹에서 1위를 차지한 인기 프레임워크임.

 

 

 

2. JavaScript Obfuscator

GitHub - javascript-obfuscator/javascript-obfuscator: A powerful obfuscator for JavaScript and Node.js

자바스크립트 소스 코드를 난독화하는 라이브러리로, 난독화 기법이 매우 다양함.

흔히 많이 사용하는 UglifyJS는 소스코드의 압축이 주요 기능이고 난독화는 부가적인 기능인데, 이 라이브러리 같은 경우 난독화가 주 기능이므로 보안에 초점이 더 맞추어져 있음.

 

소스코드를 한 줄로 출력 , 문자열 인코딩, 개발자 도구의 debugger 막기(브라우저 설정에 따라 어차피 다 뚫리긴 함ㅎ), 쓸데 없는 코드(dead code) 집어넣기 등 ...

아래 블로그에 상세한 사용법이 있음.

https://velog.io/@hunjison/자바스크립트-난독화-분석Javascript-Obfuscator

 

"build": "GENERATE_SOURCEMAP=false react-scripts build",

 

사실 일반적인 사이트 같은 경우라면 위와 같이 sourceMap을 꺼놓는 기본적인 난독화만으로도 충분한 보안성을 확보할 수 있지만, 좀더 높은 보안 수준을 요한다면 이런 라이브러리도 고려할만함.

(React 안쓰고 webpack만 사용한다면 sourceMap 은 기본적으로 세팅되어 있지 않음)