javascript

💡 localStorage vs Cookie 만료시간 설정하기 로그인할 때 jwt web token을 받아서 로컬스토리지에 저장해 두고 api 호출을 할 때마다 꺼내 쓸 때가 많다. 따로 만료시간을 정해놓고 쓰지는 않았는데, 이번에 프로젝트를 진행하면서 로직이 수정되고 하면서 토큰 자체를 지워내서 자동로그아웃을 시켜버려야 하는 상황이 발생했다. 그래서 난 고민에 빠졌다. 원래 localStorage에 토큰을 저장해두고 사용했는데, localStorage에 저장하지 않고 쿠키나 sessionStorage에 저장해서 만료 시간을 설정해야 하는 걸까? 라며 이리저리 검색을 해보았다. 로컬스토리지에 만료시간을 저장해서 사용할 수 있는 방법도 있었다. 그래서 또 다른 고민에 빠졌다. 어떤 게 더 좋은 방법일까? ..

1차원 배열에서 중복을 제거하는 방법은 다양하다! set, filter, reduce 등 상황에 따라서 다양하게 쓸 수 있는데, 프로젝트를 하다가 배열 중복 제거 할 일이 있었는데, 아무리 이 메소드를 사용해도 해결이 안되는것이다!! ㅠㅠ 1차원 배열하듯이 하면 될 것이라고 생각했는데, 웬걸?!? 아니 set, filter, indexOf 등 메소드를 사용하면 해결할 수 있다. 단지 1차원 배열보다 살짝 코드가 복잡해질 뿐이다. 계속 set으로 시도했었는데....ㅠㅠ....내 시간 ... ㅎ..... 우선, 2차원 배열을 1차원 배열로 만들어줘야한다. let a = [ [1, 2], [3, 4], [5, 6], [3, 4], ]; function arr(_arr) { return [...new Set(_..

자바스크립트의 데이터 소스를 크개 3가지로 나눠보자면 프로그램 자체애서 적어서 바로 받아온 것 UI에서 넣어온 소스 (from DOM) WEB Api같은 외부에서 fetch한 소스 이렇게 이 3개지의 소스에서 가져온 데이터를 저장하는 방식에는 총 4가지가 있다. 여기에는 몇 가지 기준이 있는데, 단순한 리스트가 필요한건지, 아니면 key, value 값이 필요한건지 생각을 해서 기준에 맞추어서 쓰면 된다. 저장방식은 Array, Set, Object, Map 총 4가지이다. 심플한 리스트가 필요하다면 array와 set을 이용해서 저장하면 된다. Array color = [‘red’, ‘gold’, ‘red’]; //{ ‘red’, ‘gold’, ‘red’} 👉 반복되는 값이 리스트에 포함이 될 수도 있..