개발/Javascript (8) 썸네일형 리스트형 [Javascript] NaN 알아보기 NaN에 대해 알아보기Javascript에서 숫자를 처리하는 방법NaN에 대해 본격적으로 다루기 전에,Javascript에서 숫자를 저장하는 방법에 대해 알아볼 필요가 있어요!위의 이미지는 [ECMA]에서 정한 Number에 대한 정의입니다.설명을 통해 다음과 같은 정보를 알 수 있어요.Javascript는 IEEE754라는 표준에 따라 Number value를 처리한다.`Not-a-Number(NaN)`, `양수 무한`, `음수 무한`도 Number value에 속한다. IEEE754란?전기전자공학자협회(IEEE)에서 정한 표준 중 하나입니다.Javascript는 숫자를 다룰 때 IEEE754에서 정한 표준에 따라 처리하고 있어요.더 알아보고 싶다면 이전 포스팅을 참고해주세요![양수0, 음수0 차이 쉽.. [Javascript] 0.1 + 0.2가 0.3이 아닌 이유 쉽게 이해하기 지난 글 복습하기지난 포스팅에서 javascript에서 `-0`이 존재하는 이유에 대해 알아보았어요.[양수 0, 음수 0 차이 쉽게 이해하기] 위의 글에서 이야기했던 `-0`이 존재하는 이유와 오늘 글의 주제와 관련이 있기 때문에다시 한번 리캡해볼까요?Recap!- javascript는 숫자를 저장할 때 IEEE754표준에 따라서 64개의 비트(bit, 0 또는 1)를 사용한 부동소수점으로 저장한다.- 이때 가장 앞에 오는 비트가 부호를 의미한다. 양수면 `0`, 음수면 `1`을 저장한다.- `+0`을 저장할 때는 `0`을 저장하고 `-0`을 저장할 땐 `1`을 저장하기 때문에 차이가 발생합니다. 이 내용을 잘 이해해야 오늘의 이야기도 쉽게 이해할 수 있으니,아직 잘 모르겠다 싶다면 지난 포스팅을 먼저.. [Javascript] 양수0, 음수0 차이 쉽게 이해하기 +0과 -0 알아보기수학적으로 0은 음수와 양수의 사이에 차이가 없기 때문에 같은 값으로 봅니다.하지만 컴퓨터 세계에서는 `+0`과 `-0`은 엄밀히 말하면 다릅니다.javascript 콘솔에서 `-0`을 입력하면 `-0`을 반환합니다.즉, `+0`과 구분되는 `-0`이 존재한다는 것이죠.`+0`과 `1`을 곱하거나 나누었을 때는 `+0`을 반환합니다.반면 `-0`과 `1`을 곱하거나 나누었을 때 `-0`을 반환해요.`+0`과 `-0`을 비교해 보면 `true`를 반환합니다.그렇다면 `+0`과 `-0`은 왜 구분되어 있을까요?+0과 -0를 구분하는 이유우리가 실생활에서 사용하는 숫자 표기법은 0부터 9까지 사용하는 십진법입니다.컴퓨터가 사용하는 숫자 표기법은 0과 1을 사용하는 이진법입니다. 우리가 컴퓨.. [Javascript] 스크롤 이벤트로 비디오 재생 | 클론코딩 | 인터렉티브 웹 클론코딩 대상토스의 브랜드 스토리 사이트(https://toss.im/new-dimension/brand-story)의 첫 번째 섹션을 클론한다. 새로운 차원의 토스토스의 새로운 로고를 만나보세요toss.im 분석뒷 배경은 비디오로 되어있으며, 스크롤에 따라 재생시킨다. video src : https://static.toss.im/homepage-static/newtoss/intro-video.mp4 글자는 비디오와 분리되어 있다.h1태그를 사용하여 글자를 html에서 입력했다. 텍스트를 비디오에 포함시키지 않은 이유는, 뒷 배경은 그대로 사용하더라도 텍스트는 유연하게 변경하기 위함이라고 예상 "완전히 차원이 다른 토스의 새로운 얼굴" 텍스트는 페이지 진입 시 fade up 되며 나타난다. fade.. [Javascript] Hash 란? 해시가 무엇인가요? 🧐 개발자들은 원하는 데이터를 조금이라도 더 빠르게 찾기 위해서 수많은 탐색 알고리즘을 연구하고 있습니다. 하지만, 그 데이터가 어디에 있는지 정확하게 안다면, 데이터를 탐색할 필요가 없습니다. 바로 찾아가면 되니까요! 이것을 가능하게 하는 것이 "해시"입니다. 해시를 활용한다면 찾고 싶은 데이터가 어디에 저장되어있는지 바로 알 수 있습니다. 어떻게 가능할까요? 해시함수 : myHashFunction 고정된 길이의 값을 반환하는 함수입니다. myHashFunction은 어떤 인자를 입력받아도 0부터 6 사이의 값을 반환해요. 해시 : myHash 해시함수의 반환값입니다. 해시 테이블 : myHashTable 해시를 key로 사용하는 자료구조입니다. myHashTable이 사용하는 해시.. [토스페이먼츠 / Javascript] 자동 결제 연동하기 - SDK 결제창 이용 자동 결제란 Youtube, Netflix, Google Drive 등 다양한 곳에서 구독 형태의 제품이 많이 나오고 있습니다. 구독이란, 최초 1회 해당 서비스 사용을 신청하면 주기적으로 결제하며 일정한 서비스를 제공받을 수 있습니다. 또한, 구독 유형을 다양하게 제공하여 자신에게 적절한 양의 서비스를 선택하여 제공받을 수 있습니다. 이 때 우리가 살펴볼 것은 것은 최초 1회 서비스 사용을 신청입니다! 즉, 카드를 한번 등록해두면 사용자가 결제일마다 결제할 필요 없이 자동으로 결제가 된다는 것 입니다. 💬 TMI 구독 형태의 비지니스 모델은 다음 결제일에 자동으로 결제되기 때문에, 수입이 비교적 안정적이고 예측이 가능하다는 장점이 있습니다. 그래서 많은 서비스들이 요즘 구독 형태로 비지니스 모델을 변경.. [Javascript] Date 기본 사용법 이전글 : [Javascript] UTC와 KSTDate 기본 사용법자바스크립트에는 Date라는 객체를 사용하여 시간을 다양한 방법으로 표현할 수 있습니다. 현재 시간 확인하기const date = new Date()console.log(date)// Sun Aug 07 2022 20:00:00 GMT+0900 (Korean Standard Time)Date 객체를 인자없이 생성하면 현지 시간에 맞춰 시간 정보를 반환합니다.GMT+0900 은 GMT보다 9시간 빠른 한국 표준시임을 나타냅니다.GMT란?Grenwich Mean Time의 약자로, 영국 런던 그리니치 천문대를 기점으로 하는 협정 세계시입니다.위치가 기준이 되는 GMT는 지구의 자전에 영향을 받아 조금씩 늦어지는 현상이 발생했습니다.이에 19.. [Javascript] UTC와 KST 들어가며 내 새벽은 원래 일몰이 지나고 하늘이 까매진 후에야 해가 뜨네 내가 처량하다고 그래 야 야 난 쟤들이 돈 주고가는 파리의 시간을 사는 중 이라 전해 - 우원재 '시차' 제가 좋아하는 노래 '시차'의 가사에서 모두가 자는 새벽이지만 자신은 열심히 일하고 있음을 비유적으로 "파리의 시간을 사는 중" 이라고 표현했습니다 👍🏻 이 글을 작성하는 지금, 한국은 오후 6시입니다. 하지만 파리의 시간은 오전 11시입니다. 7시간의 차이가 있죠. 이처럼 서로 다른 시간은 국가간의 약속을 정할 때, 문제를 발생시킬 수 있습니다. 1월 1일부터 시행하는 규정이라고 할 때, 한국의 1월 1일과 파리의 1월 1일은 다르니까요! 그렇기 때문에 모든 국가가 동일하게 사용하는 "국제 표준시"가 필요해졌고, 이것이 UTC .. 이전 1 다음
