본문 바로가기

Javascript28

토이프로젝트(2) - API로 이전의 가상화폐 가격을 불러오던 중 오류 btc 계산 원래 계산 버튼을 누르면 입력된 날짜 값을 timestamp로 변경 후에 fetch함수 인자로 전송하는데 전송받은 코인값이 같게 나오는 것을 확인할 수 있었다. 분명 timestamp는 다르게 전송되는데.. 왜 똑같은 값을 전송받는건지 모르겠다 해결 방법 기존 cryptocompare의 참고값에서 timestamp의 길이가 10자리인데 내가 timestamp로 변환한 값은 13자리가 나온 것이 문제였다. 결국 JS에서 new Date.getTime()로 얻은 값은 ms단위로 출력해서 13자리가 나왔으므로 1000으로 나눠주면 sec단위로 변환되어 10자리로 변환해서 올바른 값을 얻을 수 있다. 참고 Unix/Epoch Time Stamp는 아래사이트에서 쉽게 변환도 가능하다고 한다. htt.. 2024. 3. 9.
토이프로젝트(1) - javascript 코인 시세 api 활용해보기 CryptoCompare 사이트 - 코인 api관련 사이트 (무료) 쿼리 파라미터(Query Parameter) 쿼리(Query)는 '문의' 또는 '물음표'라는 뜻을 가지고 있는데요. 쿼리 파라미터(Query Parameter)는 URL 뒤에 물음표(?)와 함께 붙는 키-값(Key-Value) 쌍입니다. 여러 개의 쿼리 파라미터를 전달하려면 파라미터 사이에 앰퍼샌드(&)를 추가해서 하나의 문자열(string)로 전달하세요. 단일값, 여러개 코인값 등 선택 가능 코인 이름 넣고 화폐 단위 입력 하면 아래와 같이 코인 가격이 달러 기준으로 Rsopnse출력 아쉽게도 KOR(원화)는 안됨.. js파일 만들어서 fetch로 klay불러서 사용해봤는데 다행히 성공! 2024. 3. 5.
[JavaScript] truthy and falsy와 단축 평가 논리 계산 falsy한 값들에는 undefined, null, '', 0, NaN 등이 있고, truthy한 값들은 falsy한 값들을 제외한 부분이라고 생각하면 됩니다. 출처: https://developer.mozilla.org/ko/docs/Glossary/Truthy https://developer.mozilla.org/ko/docs/Glossary/Falsy (1) && 연산자로 코드 단축시키기 파라미터에 인수값 없을 때 const car = { name: 'porsche' }; function getName(car) { return car && car.name; } const name = getName(); console.log(name); // 출력값 : undefined 파라미터에 인수값 있을 때 c.. 2023. 10. 16.
JSON 내장객체 - stringify와 parse 사용 중 의문점 해소 JSON 내장 객체 자바스크립트에서는 JSON 포맷의 데이터를 간편하게 다룰 수 있도록 JSON이라는 객체를 내장하고 있습니다. 이 객체는 자바스크립트 코드를 브라우저에서 실행하든 Node.js 런타임에서 실행하든 상관없이 전역(global)에서 접근이 가능합니다. JSON 내장 객체는 JavaScript 객체와 JSON 문자열 간의 상호 변환을 수행해주는 두 개의 메서드를 제공합니다. 출처 : https://www.daleseo.com/js-json/ JSON 내장객체(1) - parse (JSON 문자열을 JS객체로 변환) JSON 내장객체(2) - stringify (JS 객체를 JSON 문자열로 변환) 사용 중 의문점 우선 인자로 전달한 배열을 stringify 메서드로 json문자열로 변환 후에.. 2023. 10. 6.
Javascript - sort메서드 sort arr.sort( compare ( a, b) ) 배열의 요소를 정렬할 때 사용하는 메서드 하나의 콜백 함수(compare)를 인수로 전달 -->필수는 아님, 콜백 함수를 생략하면 사전순, 오름차순 정렬 사용 예시(1) sort메서드는 새로운 배열을 반환하는 게 아니라 기존 배열 요소를 다시 정렬함. 콜백 함수로 비교함수를 전달 - compare(a,b) 비교 함수가 양수를 반환 - a와 b중 b의 위치가 a보다 앞이어야 한다는 것을 의미 비교 함수가 음수를 반환 - a와 b중 a의 위치가 b보다 앞이어야 한다는 것을 의미 비교 함수가 0을 반환 - a와 b의 정렬 순서가 동일하다는 것을 의미 function compare(a,b) { if ( a > b ) { return 1; } else i.. 2023. 10. 6.
구조 분해 할당 구조 분해 할당(Destructuring Assignment)이란? 말뜻 그대로 구조를 분해해서 할당하는 것인데, 배열or객체에서 요소를 해체해서 개별 변수에 그 값을 담을 때 사용한다. 배열의 구조 분해 할당 let arr = [1, 2, 3] let [fisrt, second, third]= arr; console.log(arr); //출력 : 1 2 3 객체의 구조 분해 할당(1) let car = { model : "K5", color : "black", release : 2023 }; let {model, color, release} = car console.log(model, color, release) //출력 : K5 black 2023 위의 결과는 3개의 property가 있는 객체를 생.. 2023. 9. 7.

티스토리툴바