DEVLOG

만약 1500이라는 숫자를 나타낼 때 0부터 숫자가 올라가는 모션을 넣어주고싶을때가 있다. 어려울거라고만 생각하고 찾아볼 생각도 안했는데... 생각보다 엄청 간단하다! See the Pen eYBPxZw by merorii (@merorii) on CodePen. function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } function numberWithCommas(x) { return x.toLoaclString(); } 우선 편하게 세자리마다 숫자를 찍어주는 함수를 만들어두고 사용하자 :) 1. 자연수 먼저 자연수만 생각하는 케이스는 아래처럼 num에 소수점 아래로는 버리는 함수인 Math.fl..

문득 import 문에서 궁금한 점이 생겼다. 어떤 것은 그냥 import하고, 어떤 것은 중괄호{ } 안에 적어준다는 것이다. 그동안 별 생각 없이 다운받은 패키지에서 가져올 때는 {}를 붙이고~ 내가 만든거에서는 {}없이 하니 잘되네~ 라고 생각했었는데 왜?라는 생각을 해본적이없었다! 그래서 찾아봤다 :) import React from 'react'; import TodoTemplate from './components/TodoTemplate'; import { TodoProvider } from './TodoContext'; 이 파일은 이제부터 React와 TodoTemplate, TodoProvider라는 변수를 사용할 수 있다. 그런데 아래 두개를 기준으로 볼때 TodoTemplate도 내가 ..

상세부터 메인까지 전부 별도의 페이지로 세팅되어있었는데 상세에서 메인페이지로 넘어온 경우에만 이벤트를 발생해줘야하는 경우가 생겼다 그런데 그걸 어떻게 체크해........?? 또는 유입을 체크해보고 싶은데 어디서 넘어왔는지 어떻게 확인할까?! document.referrer :링크를 통해 현재 페이지로 이동 시킨, 전 페이지의 URI 정보를 반환. 페이지로 바로 접근하였을 경우 이 값은 빈 문자열을 반환함.(링크를 통해서 온것이 아닌, 예를 들면, 북마크를 통해서 이동했을 경우). 문자열만을 반환하기 때문에, 참조 페이지(referring page)에 대한 DOM 액세스가 제공되지 않음. string = document.referrer; console.log(document.referrer) 페이지가 로..

IE에서는 document.querySelectorAll()과 같은 노드 배열에 관해서는 forEach메소드를 지원을 하지 않는다. 이럴 경우 해결법이 두가지가 있다. 1. 상단에 노드리스트에 관한 조건을 추가해준후 평소와 같이 사용한다. if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } 2. 배열 오브젝트에서 forEach메소드를 빌려 사용해야 한다 Array.prototype.forEach.call(요소리스트, 함수); var nodes = document.querySelectorAll(".node"); Array.prototype.forEach.call(..