배포시 react 소스 코드 노출 막기

---

웹 서비스 배포 후, 개발자 도구의 Source 탭에서 프론트엔드 소스 코드가 노출되는 것을 개발하면서 확인함.

내부 코드가 그대로 노출되어 보안 측면에서 위험함!

방법 1: .env 파일 수정

.env 파일을 수정하여 소스 맵 생성 기능을 비활성화할 수 있다.
source Map 은 디버깅 용도로 사용된다.
이를 방지하기 위해 .env 파일에 다음과 같은 설정을 추가함.

1. .env 추가 :

    GENERATE_SOURCEMAP=false

2. 애플리케이션을 다시 빌드:

    npm run build

방법 2: package.json 파일 수정

package.json 파일을 수정하여 빌드 명령어에 source map 생성을 비활성화하는 설정을 추가할 수 있음.

2-1) Windows OS

1. package.json 파일을 열고, scripts 섹션의 build 명령어를 수정 :

    "scripts": {
      "build": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build"
    }

2-2) Linux 및 macOS

1. package.json 파일을 열고, scripts 섹션의 build 명령어를 수정 :

    "scripts": {
      "build": "GENERATE_SOURCEMAP=false react-scripts build"
    }

---