DEVLOG

가끔 if문이 길어지면 보기가 불편할 때가 있다. 삼항연산자는 간단한 if문을 대체할 수 있는 연산자이다. * 삼항연산자는 ES6문법이 아니다! 형식 조건문 ? 피연산자1 : 피연산자2 조건문 ? 조건이 참일때 : 조건이 거짓일때 삼항연산자의 형식은 위와 같으며, 좌항의 조건문에 결과에 따라 우항 두가지 중 한가지의 연산이 이루어진다. 따라서 좌항의 조건문은 true/false 형식인 boolean값을 가져야 한다. 같은 의미를 if문으로 나타내면 다음과 같다. if(조건){ //조건이 참일때 }else{ //조건이 거짓일때 } 사용 삼항연산자는 조건에 따라 값을 할당할때 쓰일수도 있으며 조건에 따라 연산을 진행할 때 쓰일수도 있다. 1. 조건에 따라 값을 할당 var hello = 1; var text..

남은시간 카운트다운 만들기 1. 오픈까지 남은 시간 카운트다운 후 오픈 되면 00으로 세팅하기 여기서 주의할점은 !! var open = new Date(2021,02,11,11,00,00); open날짜에 숫자로 날짜를 넣어주면 되는데 원하는 달 -1을 해야한다..!!!! new Data(2021,02,11 ...)은 3월 11일을 뜻하고 있당 See the Pen vYyVbQd by merorii (@merorii) on CodePen. 2. 운영시간을 설정해놓고 마감까지 남은시간, 오픈까지 남은시간 카운트다운 반복 See the Pen YzpJBJE by merorii (@merorii) on CodePen. 참고 gahyun-web-diary.tistory.com/31

만약 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도 내가 ..