맨 땅에 프론트엔드 개발자 되기

Refresh Token 프론트엔드 보관 위치에 대해 노션 AI에게 물어보았다. => 답변 Refresh token은 보안을 강화하기 위한 인증 시스템에서 자주 사용되는 기술입니다. 이 문서에서는 Refresh token frontend에서 사용하는 방법에 대해 설명합니다. Refresh Token이란? Refresh token은 사용자 인증 토큰이 만료되었을 때, 새로운 토큰을 발급해주는 기술입니다. 이를 통해 사용자는 로그인하지 않아도 서비스를 계속 사용할 수 있습니다. Frontend에서 Refresh Token 사용방법 Refresh Token을 어디에 저장해야 하는지는 상황에 따라 다릅니다. 하지만 일반적으로는 쿠키를 사용하여 저장하는 것이 좋습니다. Frontend에서 Refresh token..

JavaScript 에서 new Date() 내장 함수로 월(getMonth)이나 일(getDate)을 가져올 경우, 한 자리 수 날짜는 한 자리로, 두 자리 수 날짜는 두 자리 수로 표기된다. 두 자리 수 표기로 통일하는 방법은 아래와 같다. // 월 2자리 표시 (“0” + (this.getMonth() + 1)).slice(-2); // 날짜 2자리 표시 (“0” + this.getDate()).slice(-2); slice(-2)를 하면 끝에 두 자리를 가져오므로 해석해보자면, - 한 자리일 경우 "0" + "1" = "01" => 끝 두 자리 "01" - 두 자리일 경우 "0" + "12" = "012" => 끝 두 자리 "12"

세션 스토리지, 로컬 스토리지, 쿠키 등 웹 브라우저 저장소를 이용하여 다양한 정보를 저장하고 그에 따른 UI를 구현할 수 있다. 세션 스토리지는 해당 세션이 종료될 경우에는 기록이 사라지므로, 다음 세션에서도 팝업이 보이지 않도록 기억하게 만들고 싶어서 로컬 스토리지를 이용해서 구현했다. 로컬 스토리지를 이용하여 하루 동안 보이지 않기 구현하기 today = new Date(); console.log(today.getDate()); // 1491553506653 와 같은 13자리 수를 반환 getTime() 메소드를 적용할 경우 해당 메소드가 실행된 바로 그 시간을 13자리로 표현한 수가 반환된다. 나열된 시간은 millisecond 즉 1/1000 초를 나타낸다. 이를 이용하여 숫자를 비교해서 boo..

1. 일반 PC로 접속할 경우에는 앱 다운로드 링크를 띄우지 않고, 모바일로 접속할 경우에만 앱 다운로드 링크를 띄운다던가 2. 일반 PC는 마우스 기반이고 모바일은 터치 기반이기 때문에 접속 기기에 따라 이벤트를 다르게 작동시킨다던가 다양한 경우에 접속한 기기의 종류를 확인해야할 경우가 생긴다. JavaScript 접속한 기기가 모바일인지 아닌지 확인하는 방법 const isMobile = () => { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); }; 이 코드 한 줄이면 접속한 기기가 모바일일 경우 true, 아닐 경우 false를 반환하는 함수를 구현할 수 있다.

Lodash https://lodash.com/ Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern environments. Review the build differences & pick one that’s right for you.InstallationIn lodash.com npm i lodash lodash는 자바스크립트 패키지 중 가장 인기있는 패키지들 중 하나로 정말 많이 사용된다. 주로 array 자료형을 다루기 위해 자바스크립트에서 기본적으로 제공하지 않는 method..

자바스크립트로 날짜를 나타낼 때, Date 함수를 사용하면 된다는 건 알았지만, 그 날짜를 한국식으로 표현할 때 일일이 getFullYear() 나 getMonth() 등을 이용해서 커스터마이징을 해서 사용했었는데, toLocaleDateString() 을 이용하면 아주 간단하게 표현 방법을 변경할 수 있다는 것을 알게 되었다. 그래서 오늘은 이에 관련해서 정리를 해보고자 한다. JavaScript 로 날짜와 시간 표현하기 우선, 날짜를 가져오려면 아래 코드와 같이 Date 생성자 함수를 호출해주면 된다. const today = new Date(); console.log(today); 콘솔에 찍힌 모습을 보면 아래와 같이 출력된다. 이 표현을 커스터마이징 하려면 아래와 같이 작성한다. const tod..