DEVLOG

데이터 처리 모델의 방식 :: 동기방식 vs 비동기방식 동기방식 순차적으로 동작하는 방식 요청을 보낸 후 해당 응답을 받아야 다음 동작을 실행하며 이 동작이 끝날때까지 다음 동작은 대기상태이다. 위 그럼 a처럼 카페에서 줄을 서서 커피를 받는 방식으로 비유하는데, 한 동작이 끝날때까지 기다리기 때문에 동작이 느리다는 느낌을 받을 수 있다. 이것은 실제 CPU가 느려지는 것은 아니지만 시스템 전체적인 효율이 저하된다고 볼 수 있다. 설계가 간단하고 직관적이라는 장점을 가지지만, 결과를 볼 때까지 아무것도 못하고 대기해야 한다는 단점이 있다! function func1(){ console.log("1번입니다"); func2(); } function func2(){ console.log("2번입니다"); fu..

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