![article thumbnail image](https://blog.kakaocdn.net/dn/bgI9Wz/btrM8NFDApl/te0U28iQecEm16fkLYMl71/img.png)
옛날 국비 때 임시저장 해뒀던 포스팅.
쿠키 P317
Oauth
![](https://blog.kakaocdn.net/dn/bgI9Wz/btrM8NFDApl/te0U28iQecEm16fkLYMl71/img.png)
네아로 카아로 구아로 같은거
![](https://blog.kakaocdn.net/dn/phLEv/btrM8M7Okx3/xAIAYzjVGDn46tgRL8HHmk/img.png)
쿠키관련 라이브러리
![](https://blog.kakaocdn.net/dn/k9wQw/btrM7MmTFfi/PXqZO5kFBnlhcNGMtFkUe0/img.png)
![](https://blog.kakaocdn.net/dn/HPzVU/btrM8JXxKYg/VY7tWtSKiO0agPiilV3BXk/img.png)
![](https://blog.kakaocdn.net/dn/8aRO3/btrM4Rwh1kh/Jp5dPaaVLreqKqNlKF7uU1/img.png)
jsp 스크립트는 vscode 가져와서 하는게 편하다
![](https://blog.kakaocdn.net/dn/bFoDEd/btrM7ozQIpv/6POvZDdUy7KC5zHzIC4SGk/img.png)
![](https://blog.kakaocdn.net/dn/bZJR2v/btrM5QDSoDl/k8hFp3oWiUZvCM8xMdeYX1/img.png)
얘도가져옴
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js" integrity="sha512-3j3VU6WC5rPQB4Ld1jnLV7Kd5xr+cq9avvhwqzbH/taCRNURoeEpoPBK9pDyeukwSxwRPJ8fDgvYXd6SkaZ2TA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
//생성된 쿠키 호출
console.log($.cookie("coo"));
console.log($.cookie());// 키 밸류 쌍으로 오브젝트 리턴
//쿠키 생성 //유효시간 옵션 : 값을 7일간 유지 (오브젝트 형태로 넣음)
$.cookie("jscookie", "js made cookie", {expires : 7});
</script>
</head>
<body>
</body>
</html>
![](https://blog.kakaocdn.net/dn/c8AVa9/btrM8lWVfWg/zFJnVEH4TeWxX1G2ylBZIk/img.png)
아무것도 없어보이지만 콘솔에 들어옴
![](https://blog.kakaocdn.net/dn/doS1uK/btrM361hGlA/w1IZu5ygkKABY1sQbkGJp1/img.png)
![](https://blog.kakaocdn.net/dn/cmForO/btrM6NNLClo/AoUnz2s5317kCWNKHlAuH1/img.png)
js java코드 다 쿠키 관리가능
팝업
![](https://blog.kakaocdn.net/dn/cJASuQ/btrM7oT9L2E/t2TKKdrcWK9KQvxerOfDKk/img.png)
![](https://blog.kakaocdn.net/dn/w8TwU/btrM8H6w4Dc/WK0IcSRjRpNvkdcspfYbW0/img.png)
일반적인 팝업형태
점점 안쓰는 추세
레이어팝업
![](https://blog.kakaocdn.net/dn/bK6G9n/btrM8I5pxIr/eW3t2HF51VeN38g3NXyagK/img.png)
이런거
![](https://blog.kakaocdn.net/dn/dwluEv/btrM6bnJLuJ/ey8Wata0GUAs7gaTLVusHk/img.png)
요 아래 올라오는것도 레이어팝업
얘는 포지션픽스드 해서 스크롤 해서 계속 따라다님
반응형
'개발 > CS' 카테고리의 다른 글
[Network] OSI모델 TCP/IP모델 (0) | 2022.11.24 |
---|---|
[Network] LAN? WAN? (2) | 2022.11.23 |
[Cloud] 인프라 vs 플랫폼 vs 서비스웨어 (2) | 2022.11.09 |
Web 3.0이란? (2) | 2022.11.02 |
SSO(Single Sign-On)이란? (1) | 2022.09.30 |