[React] 사이트 로그인 정보 저장 하는 방법

Question

안녕하세요~react 프로젝트 진행 중인 코린이 입니다.제가 로그인을 하게 되면 ID 혹은 번호를 불러와서 값을 물고 있으려고 하는데요cookie 에 저장하게 되면 값을 임의적으로 변경 해서 사용할수있어 보안에 좋지 않다고 생각을 합니다 물론 이렇게 사용하면 바보소리 들을 테고요그래서 제가 경험이 많지 않다 보니 어디에 해당 값을 저장 해야할지 궁금해서 이렇게 글 올립니다앞단에서 암호화를 해서 해야할지 아니면 뒷단에서 암호화를 해야하는건지 궁금합니다!!저에게는 아직 어려운 길이지만 알려주신다면 제게 큰 도움이 될것같습니다 감사합니다.

세브라이드 · Accepted Answer

사용자 인증 정보를 안전하게 저장하고 다루는 것은 매우 중요한 보안 문제입니다. 일반적으로 권장되는 방법은 프론트엔드(React 앱)에서는 최소한의 정보만 저장하고, 중요한 정보는 백엔드 서버에서 관리하는 것입니다. 구체적인 방법은 다음과 같습니다:1. *클라이언트(React 앱)에서 저장하는 방법*: - 세션 스토리지(sessionStorage) 또는 로컬 스토리지(localStorage)에 JWT(JSON Web Token) 토큰을 저장합니다. JWT 토큰은 사용자 인증 정보를 암호화한 토큰으로, 서버에서 발급합니다. - 이 토큰은 인증 헤더에 포함되어 서버로 전송되며, 서버에서 토큰의 유효성을 검증합니다. - 토큰에는 사용자 ID나 권한 정보 등 최소한의 정보만 포함되어야 합니다.2. *서버(백엔드)에서 저장하는 방법*: - 사용자의 중요한 정보(예: 비밀번호 해시, 개인정보 등)는 서버의 데이터베이스에 저장합니다. - 비밀번호는 반드시 해시 알고리즘(bcrypt, scrypt 등)을 사용하여 암호화된 상태로 저장합니다. - 데이터베이스에 접근할 때는 적절한 권한 관리와 보안 조치를 취해야 합니다.3. *전송 계층 보안(TLS/SSL)*: - 클라이언트와 서버 간의 통신은 HTTPS 프로토콜을 사용하여 암호화된 상태로 이루어져야 합니다. - 이를 통해 중요 데이터가 네트워크 상에서 노출되는 것을 방지할 수 있습니다.4. *기타 보안 고려사항*: - CSRF(Cross-Site Request Forgery) 공격 방지를 위해 CSRF 토큰을 사용합니다. - XSS(Cross-Site Scripting) 공격 방지를 위해 사용자 입력 값에 대한 적절한 sanitization과 encoding을 수행합니다. - 중요한 로그 정보는 클라이언트가 아닌 서버 측에서 기록합니다.요약하자면, 클라이언트에서는 JWT 토큰과 같은 인증 토큰만 저장하고, 중요한 데이터는 서버 측에서 안전하게 관리하는 것이 좋습니다. 또한 전송 계층 보안과 다양한 보안 대책을 적용하여 전반적인 시스템의 보안성을 높여야 합니다. 보안은 계속해서 공부하고 최신 지침을 따르는 것이 중요합니다.클로드3 선생님의 말씀입니다.

vrerv · Answer

cookie 에 저장하게 되면 값을 임의적으로 변경 해서 사용할수있어 보안에 좋지 않다고 생각을 합니다 물론 이렇게 사용하면 바보소리 들을 테고요쿠키를 쓴다고 바보소리를 듣지는 않습니다. 적절한 제한이 있는 쿠키를 외부의 공격자가 임의로 변경하는 것은 쉽지 않습니다.

[React] 사이트 로그인 정보 저장 하는 방법

2개의 답변

#cookie 목록