본문 바로가기
매일 해내는 개발/Develog

[Develog] 칸반보드 프로젝트 진행중

by 해야지 2022. 12. 28.
반응형

칸반보드 프로젝트 진행 중

1. 탭종료시 로그아웃 안됨

db에 현재 로그인 한 회원의 데이터를 추가하고 로그아웃 시 삭제하는데

창을 닫았을 때 데이터 삭제가 안돼서 재접속해도 로그인이 되어있다.

이를 해결하기위해 window 객체를 사용하였다.

이렇게 이벤트리스너를 추가해서 unload(탭이나 창을 끌 때) 이벤트가 발생하도록 구현하였다.

하지만 로컬 json-server를 사용할 때는 효과가 있었는데

서버를 배포하고 나니 효과가 없어서 아쉬웠다.

코드는 아래 링크를 참고했다.

 

JS 윈도우창 닫기 버튼 클릭 이벤트 감지(beforeunload)

브라우저 우측 상단의 x 버튼을 눌렀을 때 이벤트를 감지하여 창을 닫기 전 윈도우창 닫기 이벤트를 취소할지를 묻는 팝업창을 띄우는 방법입니다. Window: beforeunload (이동) 사용자가 페이지를 정

coding-restaurant.tistory.com

 

2. 환경변수 설정

.env 환경변수를 수업자료에 있는 그대로 로컬파일로 .env파일을 만들었더니 gitignore로 업로드가 안되어서 배포시 당연히 적용이 안되었다.

프로젝트 파일을 올리는 사이트(버셀, 글리치)에 환경변수 설정하는 탭이 따로 있었다.

버셀의 환경변수 설정 setting에 있다.
글리치의 환경변수 설정

처음에는 json-server를 올린 글리치에서 설정하면 될 줄 알았는데

알고보니 프로젝트 파일을 배포하는 곳에 설정해야한다고 했다.

그래서 버셀에 설정했더니 매우 잘 작동했다.

반응형

댓글