https://www.javatpoint.com/session-vs-cookies


Cookies.jsp
<html>
<head>
<title>Cookies</title>
</head>
<body>
<h2>Training Portal</h2>
<%
String list = "Java";
Cookie[] cookies = request.getCookies();
if(cookies != null){
for(Cookie c : cookies){
//out.print(c + c.getName() + c.getValue()+ "<br/>");
if("cookie".equals(c.getName())){
list = c.getValue();
break;
}
}
}
for(int i=0; i < cookies.length; i++){
out.println("i = " + i + " Name = " +cookies[i].getName() +" Value = "+ cookies[i].getValue() + "</br>");
}
%>
<h3>NEW Books for <%= list %></h3>
<ul>
<li>blah blah blah</li>
<li>blah blah blah</li>
</ul>
<h3>Latest New Reports for <%= list %></h3>
<ul>
<li>blah blah blah</li>
<li>blah blah blah</li>
</ul>
<h3>Hot Job for <%= list %></h3>
<ul>
<li>blah blah blah</li>
<li>blah blah blah</li>
</ul>
<a href="cookies2.jsp">Personalize this page</a>
</body>
</html>
Cookies2.jsp
<html>
<head>
<title>Favorite Programing Language</title>
</head>
<body>
<form action = "cookies3.jsp">
<h2>Select your Favorite Programming Language</h2>
<select name = "list">
<option>java</option>
<option>C#</option>
<option>PHP</option>
<option>Ruby</option>
</select>
<br/>
<input type = "Submit" name = "submit">
</form>
<br/>
</body>
</html>
Cookies3.jsp
<!DOCTYPE html>
<html>
<head>
<title>Confirmation</title>
</head>
<%
String list = request.getParameter("list");
Cookie cookie = new Cookie("cookie", list);
cookie.setMaxAge(60*60);
response.addCookie(cookie);
out.println(request.getParameter("list"));
out.println(list);
%>
<body>
Thank!
<br/><br/>
<a href = "cookies.jsp">Return to homepage.</a>
</body>
</html>
a 태그는
anchor 의 첫글자로서 '정박지', '닻' 이란 의미이다.
다른 문서로의 이동, 또는 같은 문서내의 이동을 위해 사용한다.
hypertext reference 의 줄임말이다.
href="#"을 쓰는 경우들:
<a href="#title">제목으로 이동</a>
........중간내용.............
<h3 id="title">제목</h3>
과 같이 사용하는 것이 Anchor이다. #과 같이 사용하며 #이 있으면 해당경로로 페이지를 이동시키는 것이 아니라 현재페이지에서 해당 id를 가지고 있는 엘리먼트를 찾아서 이동한다. 이걸 이용해서 #은 주고 id는 null을 주어버린 것이다. 그래서 페이지는 다른페이지로 이동하지 않고 현재 페이지에서 Anchor를 찾지만 찾지 못하는 허위 Anchor를 사용한 것이다.