바닐라JS2 [Develog] 파이어베이스 + 자바스크립트 / 바닐라js로 게시글 삭제 기능 구현 삭제 버튼의 속성에 name을 추가해서 id 값을 지정한다. 이 때의 id값은 DB에 저장되는 post 콜렉션의 문서 id이다. 삭제 버튼을 누르게 되면 event.target.name은 문서의 번호가 되게 된다. 따라서 doc에 id 값을 줄 수 있게 되고 해당 id의 문서를 지울 수 있도로 구현할 수 있다. 2022. 11. 27. [Develog] 자바스크립트 새로 고침해도 로그인 유지하는 방법 localStorage와 sessionStorage 웹 스토리지 객체인 localStorage와 sessionStorage는 브라우저 내에 키-값 쌍을 저장할 수 있게 해준다. sessionStorage는 새로고침해도 데이터가 사라지지 않게하고 localStorage는 브라우저를 다시 실행하도 데이터가 사라지지 않고 남아있다. 쿠키를 사용해도 되는데 왜 웹 스토리지 객체를 사용할까? 쿠키와 다르게 웹 스토리지 객체는 네트워크 요청 시 서버로 전송되지 않기 때문에 쿠키보다 더 많은 자료를 보관할 수 있다. 대부분의 부라우저가 최소 2MB 혹은 그 이상의 웹 스토리지 객체를 저장할 수 있도록 해준다. 또한 개발자는 브라우저 내 웹 스토리지 구성 방식을 설정할 수 있다. 쿠키와 또 다른 점은 서버가 HTTP .. 2022. 11. 27. 이전 1 다음
