React 변수 가져오기의 보안을 보장하세요.

Question

해당 값 중 일부를 사용하기 위해 React 파일의 객체를 가져오는 경우 보안 문제가 발생합니까? 예를 들어, 다음과 같은 객체가 있는 경우: vardata={'name':'Adam','id':12345,'secret':98765} 그리고 다음과 같이 가져옵니다: import{data}from'db.js ';functionIndex(){return(<>{data.name}{data.id});}i

P粉852114752 · Answer

클라이언트 컴퓨터에 보내는 모든 코드를 공개로 처리해야 합니다. 충분히 헌신적인 개발자는 결국 리버스 엔지니어링을 할 수 있습니다(비록 코드의 크기와 축소/난독화로 인해 난이도가 높아질 수 있음).

비밀을 secret 비밀로 유지하는 유일한 방법은 처음부터 클라이언트에 보내지 않는 것입니다. 이는 서버에서 모든 렌더링 작업을 수행한 다음 결과 HTML 마크업을 클라이언트에 보내면 가능합니다. (즉, 클라이언트 측 렌더링 구성 요소의 유연성이 높기 때문에 클라이언트 번들에 민감한 값을 포함하지 않는 것이 모범 사례인 경우가 많습니다.)