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

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..

오늘은 대망의 첫 면접을 봤다. 면접관들의 질문에 어찌저찌 잘 대답을 하고, 드디어 코딩테스트!! 두둥!!! 리액트로 구현하는 문제였는데, 1에서 25까지 숫자를 5X5 빙고 배열에 랜덤으로 출력하고 랜덤 버튼을 누를 때 마다 다시 랜덤으로 숫자 위치가 바뀌는 것을 구현하는 것이었다. 나는 랜덤 배열을 구성하기 위해 아래와 같은 코드를 작성했다. function randomBingo() { let index = bingoEl.length - 1 while(index > 0) { const randomIndex = Math.floor(Math.random() * bingoEl.length) [bingoEl[index], bingoEl[randomIndex]] = [bingoEl[randomIndex], b..