Skip to content

Commit

Permalink
쿠키 사용
Browse files Browse the repository at this point in the history
  • Loading branch information
@ruddmslee
ruddmslee committed Jun 17, 2024
1 parent 9083df9 commit 5d269aa
Show file tree
Hide file tree
Showing 15 changed files with 599 additions and 123 deletions.
51 changes: 33 additions & 18 deletions downtown.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@
<a href="mainspot.html">교통편</a>
<div class="transdd-contents">
<a href="mainspot.html">주요 관광지로 이동</a>
<a href="otherspot.html">다른 목적지로 이동</a>
<a href="https://map.naver.com/p?c=15.00,0,0,0,dh">다른 목적지로 이동</a>
</div>
</div>
<div class="commdd">
Expand Down Expand Up @@ -117,6 +117,22 @@ <h3 style="text-align: center; margin: 10px 0; font-weight: 400;">대사습놀
</div>
</div>
<script>
function getCookie(name) {
let pairs = document.cookie.split(";"); // 쿠키문자열을 ;을 경계로 분할
for(let i=0; i<pairs.length; i++) {
let pair = pairs[i].trim(); // 쿠키 앞뒤의 빈칸 제거
let unit = pair.split("=");
if(unit[0] == name) {
return unescape(unit[1]);
}
}
return null;
}
function setCookie (name, value, expireDate) {
let cookieStr = name + "=" + escape(value) +
((expireDate == null)?"":("; expires=" + expireDate.toUTCString()));
document.cookie = cookieStr;
}
let contact = document.getElementById("contact_us");
contact.addEventListener("click",function(){
window.open("contact_us.html", "popup", "width=630 height=450");
Expand All @@ -128,9 +144,11 @@ <h3 style="text-align: center; margin: 10px 0; font-weight: 400;">대사습놀
function lo() {
document.getElementById("login-state").style.display = "none";
document.getElementById("notlogin-state").style.display = "block";
localStorage.clear();
setCookie('login', 'false');
setCookie('아이디', null);
document.getElementById("id").value = "";
document.getElementById("pw").value = "";
location.reload();
alert("일정시간이 지나 자동로그아웃되었습니다.");
}
let login = document.getElementById("login");
Expand All @@ -141,13 +159,20 @@ <h3 style="text-align: center; margin: 10px 0; font-weight: 400;">대사습놀
if (id == "" || pw == ""){
alert("아이디 혹은 비밀번호가 입력되지 않았습니다.");
}
else if (localStorage.getItem(id) === null ) {
alert('해당 아이디가 존재하지 않습니다.');
}
else if (pw !== localStorage.getItem(id)){
alert('잘못된 비밀번호입니다.')
}
else {
document.getElementById("login-state").style.display = "block";
document.getElementById("login-state").style.marginTop = "10px";
document.getElementById("notlogin-state").style.display = "none";
localStorage.setItem('아이디', id);
localStorage.setItem('비밀번호', pw);
localStorage.setItem('로그인시간', logintime);
let expire = new Date();
expire.setTime(expire.getTime() + 3600000);
setCookie("login", "true", expire);
setCookie('아이디', id);
setTimeout(lo, 3600000);
}
}
Expand All @@ -156,7 +181,8 @@ <h3 style="text-align: center; margin: 10px 0; font-weight: 400;">대사습놀
logout.addEventListener("click",function(){
document.getElementById("login-state").style.display = "none";
document.getElementById("notlogin-state").style.display = "block";
localStorage.clear();
setCookie("login", "false");
setCookie('아이디', null);
document.getElementById("id").value = "";
document.getElementById("pw").value = "";
})
Expand Down Expand Up @@ -199,23 +225,12 @@ <h3 style="text-align: center; margin: 10px 0; font-weight: 400;">대사습놀
window.open("https://www.jjdss.or.kr/");
})
document.addEventListener("DOMContentLoaded", function() {
if(localStorage.getItem('아이디')) {
if(getCookie('login')==='true') {
document.getElementById("login-state").style.display = "block";
document.getElementById("login-state").style.marginTop = "10px";
document.getElementById("notlogin-state").style.display = "none";
}
})
if(localStorage.getItem('로그인시간')){
let lgtime = localStorage.getItem('로그인시간');
let now = new Date().getTime();
if(now - lgtime == 3600000) {
lo();
}
else {
let left = 3600000 - (now-lgtime);
setTimeout(lo,left);
}
}
var map = new naver.maps.Map('map', {
center: new naver.maps.LatLng(35.8475732, 127.121895),
zoom: 11
Expand Down
53 changes: 34 additions & 19 deletions food_type.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
<a href="mainspot.html">교통편</a>
<div class="transdd-contents">
<a href="mainspot.html">주요 관광지로 이동</a>
<a href="otherspot.html">다른 목적지로 이동</a>
<a href="https://map.naver.com/p?c=15.00,0,0,0,dh">다른 목적지로 이동</a>
</div>
</div>
<div class="commdd">
Expand Down Expand Up @@ -210,6 +210,22 @@ <h3>써니네집</h3>
</div>
</div>
<script>
function getCookie(name) {
let pairs = document.cookie.split(";"); // 쿠키문자열을 ;을 경계로 분할
for(let i=0; i<pairs.length; i++) {
let pair = pairs[i].trim(); // 쿠키 앞뒤의 빈칸 제거
let unit = pair.split("=");
if(unit[0] == name) {
return unescape(unit[1]);
}
}
return null;
}
function setCookie (name, value, expireDate) {
let cookieStr = name + "=" + escape(value) +
((expireDate == null)?"":("; expires=" + expireDate.toUTCString()));
document.cookie = cookieStr;
}
let contact = document.getElementById("contact_us");
contact.addEventListener("click",function(){
window.open("contact_us.html", "popup", "width=630 height=450");
Expand All @@ -218,13 +234,15 @@ <h3>써니네집</h3>
rf.addEventListener("click", function(){
window.open("reference.html","popup","width=630 height=450");
})

function lo() {
document.getElementById("login-state").style.display = "none";
document.getElementById("notlogin-state").style.display = "block";
localStorage.clear();
setCookie('login', 'false');
setCookie('아이디', null);
document.getElementById("id").value = "";
document.getElementById("pw").value = "";
location.reload();
alert("일정시간이 지나 자동로그아웃되었습니다.");
}
let login = document.getElementById("login");
Expand All @@ -235,13 +253,20 @@ <h3>써니네집</h3>
if (id == "" || pw == ""){
alert("아이디 혹은 비밀번호가 입력되지 않았습니다.");
}
else if (localStorage.getItem(id) === null ) {
alert('해당 아이디가 존재하지 않습니다.');
}
else if (pw !== localStorage.getItem(id)){
alert('잘못된 비밀번호입니다.')
}
else {
document.getElementById("login-state").style.display = "block";
document.getElementById("login-state").style.marginTop = "10px";
document.getElementById("notlogin-state").style.display = "none";
localStorage.setItem('아이디', id);
localStorage.setItem('비밀번호', pw);
localStorage.setItem('로그인시간', logintime);
let expire = new Date();
expire.setTime(expire.getTime() + 3600000);
setCookie("login", "true", expire);
setCookie('아이디', id);
setTimeout(lo, 3600000);
}
}
Expand All @@ -250,7 +275,8 @@ <h3>써니네집</h3>
logout.addEventListener("click",function(){
document.getElementById("login-state").style.display = "none";
document.getElementById("notlogin-state").style.display = "block";
localStorage.clear();
setCookie("login", "false");
setCookie('아이디', null);
document.getElementById("id").value = "";
document.getElementById("pw").value = "";
})
Expand Down Expand Up @@ -317,23 +343,12 @@ <h3>써니네집</h3>
}
//로그인되어있을시 로그인유지
document.addEventListener("DOMContentLoaded", function() {
if(localStorage.getItem('아이디')) {
if(getCookie('login')==='true') {
document.getElementById("login-state").style.display = "block";
document.getElementById("login-state").style.marginTop = "10px";
document.getElementById("notlogin-state").style.display = "none";
}
})
if(localStorage.getItem('로그인시간')){
let lgtime = localStorage.getItem('로그인시간');
let now = new Date().getTime();
if(now - lgtime == 3600000) {
lo();
}
else {
let left = 3600000 - (now-lgtime); //시간 수정
setTimeout(lo,left);
}
}
let reviewbutton = document.getElementById("reviewbutton");
reviewbutton.addEventListener("click", function(){
window.open('review.html');
Expand Down
51 changes: 33 additions & 18 deletions hanok.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@
<a href="mainspot.html">교통편</a>
<div class="transdd-contents">
<a href="mainspot.html">주요 관광지로 이동</a>
<a href="otherspot.html">다른 목적지로 이동</a>
<a href="https://map.naver.com/p?c=15.00,0,0,0,dh">다른 목적지로 이동</a>
</div>
</div>
<div class="commdd">
Expand Down Expand Up @@ -116,6 +116,22 @@ <h2 style="font-weight: 600; margin: 5px 0 13px 0; font-size: 1.4em;">경기전<
</div>
</div>
<script>
function getCookie(name) {
let pairs = document.cookie.split(";"); // 쿠키문자열을 ;을 경계로 분할
for(let i=0; i<pairs.length; i++) {
let pair = pairs[i].trim(); // 쿠키 앞뒤의 빈칸 제거
let unit = pair.split("=");
if(unit[0] == name) {
return unescape(unit[1]);
}
}
return null;
}
function setCookie (name, value, expireDate) {
let cookieStr = name + "=" + escape(value) +
((expireDate == null)?"":("; expires=" + expireDate.toUTCString()));
document.cookie = cookieStr;
}
let contact = document.getElementById("contact_us");
contact.addEventListener("click",function(){
window.open("contact_us.html", "popup", "width=630 height=450");
Expand All @@ -127,9 +143,11 @@ <h2 style="font-weight: 600; margin: 5px 0 13px 0; font-size: 1.4em;">경기전<
function lo() {
document.getElementById("login-state").style.display = "none";
document.getElementById("notlogin-state").style.display = "block";
localStorage.clear();
setCookie('login', 'false');
setCookie('아이디', null);
document.getElementById("id").value = "";
document.getElementById("pw").value = "";
location.reload();
alert("일정시간이 지나 자동로그아웃되었습니다.");
}
let login = document.getElementById("login");
Expand All @@ -140,13 +158,20 @@ <h2 style="font-weight: 600; margin: 5px 0 13px 0; font-size: 1.4em;">경기전<
if (id == "" || pw == ""){
alert("아이디 혹은 비밀번호가 입력되지 않았습니다.");
}
else if (localStorage.getItem(id) === null ) {
alert('해당 아이디가 존재하지 않습니다.');
}
else if (pw !== localStorage.getItem(id)){
alert('잘못된 비밀번호입니다.')
}
else {
document.getElementById("login-state").style.display = "block";
document.getElementById("login-state").style.marginTop = "10px";
document.getElementById("notlogin-state").style.display = "none";
localStorage.setItem('아이디', id);
localStorage.setItem('비밀번호', pw);
localStorage.setItem('로그인시간', logintime);
let expire = new Date();
expire.setTime(expire.getTime() + 3600000);
setCookie("login", "true", expire);
setCookie('아이디', id);
setTimeout(lo, 3600000);
}
}
Expand All @@ -155,7 +180,8 @@ <h2 style="font-weight: 600; margin: 5px 0 13px 0; font-size: 1.4em;">경기전<
logout.addEventListener("click",function(){
document.getElementById("login-state").style.display = "none";
document.getElementById("notlogin-state").style.display = "block";
localStorage.clear();
setCookie("login", "false");
setCookie('아이디', null);
document.getElementById("id").value = "";
document.getElementById("pw").value = "";
})
Expand All @@ -175,23 +201,12 @@ <h2 style="font-weight: 600; margin: 5px 0 13px 0; font-size: 1.4em;">경기전<
})

document.addEventListener("DOMContentLoaded", function() {
if(localStorage.getItem('아이디')) {
if(getCookie('login')==='true') {
document.getElementById("login-state").style.display = "block";
document.getElementById("login-state").style.marginTop = "10px";
document.getElementById("notlogin-state").style.display = "none";
}
})
if(localStorage.getItem('로그인시간')){
let lgtime = localStorage.getItem('로그인시간');
let now = new Date().getTime();
if(now - lgtime == 3600000) {
lo();
}
else {
let left = 3600000 - (now-lgtime); //시간 수정
setTimeout(lo,left);
}
}
var map = new naver.maps.Map('map', {
center: new naver.maps.LatLng(35.8147007, 127.1527077),
zoom: 15
Expand Down
10 changes: 5 additions & 5 deletions main.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -149,25 +149,25 @@
}
return null;
}
function SetCookie (name, value, expireDate) {
function setCookie (name, value, expireDate) {
let cookieStr = name + "=" + escape(value) +
((expireDate == null)?"":("; expires=" + expireDate.toUTCString()));
document.cookie = cookieStr;
}
document.addEventListener("DOMContentLoaded", function() {
if(getCookie("yespopup") !== "true") {
if(getCookie("popup") !== "false") {
document.getElementById("popup").style.display = "block";
}
})

document.getElementById("popupclose").addEventListener("click", function(){
document.getElementById("popupclose").addEventListener("click", function(){ //팝업닫기
document.getElementById("popup").style.display = "none"
})

document.getElementById("dontshow").addEventListener("click", function(){
document.getElementById("dontshow").addEventListener("click", function(){ //오늘하루보지않기
let expire = new Date();
expire.setTime(expire.getTime() + (24*60*60*1000));
SetCookie("yespopup", "true", expire);
setCookie("popup", "false", expire);
document.getElementById("popup").style.display = "none";
})
</script>
Expand Down
Loading

0 comments on commit 5d269aa

Please sign in to comment.