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

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"

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

전개구문 ES6 에 추가된 문법으로 '...' 으로 표시하며, 구조분해할당과 함께 사용할 수 있고, 배열과 객체 등에 할당된 값을 전개해서 사용한다. 참조 자료형과 얕은 복사 & 깊은 복사 - 얕은 복사 참조 자료형에 대한 내용은 이전 게시물에서 다뤘기 때문에 이전 게시물을 참고바란다. 원시 자료형과 참조 자료형 원시 자료형과 참조 자료형 원시 자료형(Primitive Data Type) 원시 자료형은 객체가 아니면서 동시에 메소드도 가지지 않는 자료형을 말하며, 다음의 자료형을 말한다. string, number, bigint, boolean, undefin babycoder05.tistory.com 배열, 객체 등 참조 자료형은 원시 자료형에 비해 메모리 공간을 많이 차지하므로 데이터의 효율적인 관리..