자바스크립트에서 불변 데이터와 인증 관리

07 Nov 2023

javascript

불변 데이터

불변 데이터는 값이 변경되지 않는 데이터를 의미합니다. 자바스크립트에서 불변 데이터는 객체나 배열의 값이 변경되지 않도록 하는 방법을 말합니다. 이는 데이터의 무결성을 유지하고 예기치 않은 데이터 변경이 발생하지 않도록 도와줍니다.

불변 데이터를 다루는 몇 가지 방법은 다음과 같습니다:

1. 객체의 불변성

객체의 불변성을 유지하기 위해 Object.freeze() 메서드를 사용할 수 있습니다. 이 메서드를 사용하면 객체의 속성이나 값을 변경할 수 없게 됩니다. 예를 들어:

const person = {
  name: "John",
  age: 30
};

Object.freeze(person);

person.age = 40; // 변경되지 않음
console.log(person); // { name: "John", age: 30 }

2. 배열의 불변성

배열의 불변성을 유지하기 위해 concat() 메서드를 사용할 수 있습니다. 이 메서드를 사용하면 새로운 배열을 반환하며, 원본 배열은 변경되지 않습니다. 예를 들어:

const numbers = [1, 2, 3, 4, 5];
const newNumbers = numbers.concat(6);
console.log(numbers); // [1, 2, 3, 4, 5]
console.log(newNumbers); // [1, 2, 3, 4, 5, 6]

인증 관리

인증 관리는 사용자의 신원을 확인하고 사용자의 접근 권한을 관리하는 것을 의미합니다. 자바스크립트에서 인증 관리를 구현하기 위해서는 몇 가지 접근 방법을 이용할 수 있습니다.

1. JSON Web Tokens (JWT)

JWT는 인증을 위해 사용되는 업계 표준 기술입니다. JWT는 서버에서 생성되며, 클라이언트에게 전달되고 검증됩니다. 일반적으로 인증된 사용자에 대한 정보를 포함하고 있으며, 유효성 검사하기 위해 서명이 되어 있습니다.

const token = jwt.sign({ userId: "123" }, "secretKey");
console.log(token); // eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiAiMTIzIn0.JScVC2cMqp08L5gD7h3iYJAMDPKhtlyLHn3Obb1SSCo

const decoded = jwt.verify(token, "secretKey");
console.log(decoded); // { userId: "123" }

2. 세션 기반 인증

전통적인 세션 기반 인증은 서버에서 사용자의 정보를 세션에 저장하고, 클라이언트에게 세션 ID를 제공하여 인증을 유지합니다. 세션은 서버 측에 저장되므로 클라이언트에서는 세션 ID를 포함한 쿠키를 사용하여 인증을 관리합니다.

app.post("/login", (req, res) => {
  const { username, password } = req.body;

  // 인증 성공 시 세션에 사용자 정보 저장
  req.session.user = { username };

  res.send("로그인 성공");
});

app.get("/profile", (req, res) => {
  // 세션에서 사용자 정보 가져오기
  const user = req.session.user;

  if (user) {
    res.send(`Welcome, ${user.username}`);
  } else {
    res.redirect("/login");
  }
});

불변 데이터와 인증 관리는 자바스크립트 개발에서 중요한 요소입니다. 불변 데이터의 사용은 데이터의 안정성을 보장하고, 인증 관리는 사용자의 신원 보호와 접근 권한 관리에 도움을 줍니다. 이러한 개념을 잘 이해하고 적절하게 활용하는 것이 좋은 개발 실천법의 일부입니다.

목차