프런트 엔드 웹 개발에서는 JavaScript를 사용하여 클라이언트 측에서 쿠키를 설정할 수 있습니다. 특히 쿠키는 document.cookie 속성을 통해 설정할 수 있습니다.
document.cookie 속성은 현재 페이지의 모든 쿠키를 저장하는 문자열입니다. 새 쿠키를 설정하려면 이름, 값 및 기타 선택적 속성을 문자열로 연결하고 이를 document.cookie에 할당합니다. 예:
document.cookie = "name=value; expires=Fri, 31 Dec 2023 23:59:59 GMT; path=/";
위 코드는 "value" 값으로 "name"이라는 쿠키를 설정합니다. 만료 시간도 2023년 말로 지정하고 경로는 루트 경로 "/"로 설정합니다.
참고:
- 세미콜론과 공백을 사용하여 각 속성을 구분하세요.
- 쿠키 값에는 모든 문자가 포함될 수 있지만 특수 문자로 인해 문제가 발생하지 않도록 URL 인코딩이 필요합니다.
- 선택 속성에는 만료(만료 시간), 경로(경로), 도메인(도메인 이름), 보안(HTTPS 연결을 통해서만 전송되는지 여부) 등이 포함됩니다.
쿠키는 클라이언트에 저장되는 정보이므로 보안 위험을 피하기 위해 민감한 정보(예: 비밀번호)를 쿠키에 저장해서는 안 됩니다.