[React JS] 크롬 개발자 도구에서 리액트 소스 노출 차단

■ 리액트 소스 노출 차단

React로 구현한 웹의 소스가 노출되는 것을 방지하지 않고 그대로 베포하게 되면,

크롬 웹 브라우저의 개발자 도구에서 쉽게 소스를 확인하거나 디버깅할 수 있다.

소스를 확인하거나 디버깅을 할 수 있다는 의미는 보안적인 부분에서 치명적인 문제가 아닐수 없다.

따라서 React로 개발한 소스가 노출되지 않도록 차단하는 작업을 진행

1. [.env] 파일 생성 후 내용 추가

GENERATE_SOURCEMAP = false

2. 프로젝트 빌드 후 반영

npm run build

3. 크롬 웹 브라우저 개발자 도구에서 확인

프로젝트내에 임의로 MainView.js 파일 생성하였지만 노출되지 않음을 확인할 수 있다.