프론트엔드/JavaScript5 JS와 Firebase의 시간 처리 조금이라도 의문이 들면 메모해서 남겨놓고 나중에 다시 찾아보면서 보완해나가는중 오류 : 파이어베이스 받아온 튜플의 시간 데이터 표출 오류.파이어베이스에서 시간 데이터를 사용할때 Timestamp라는 클래스를 사용이 필요했고호출된 데이터를 컴포넌트에 그릴때, 호출된 데이터의 시간데이터를 그대로 표출하니 오류가 발생했음. 습득한 지식 : Timestamp라는 클래스는 시간 정보를 표현해줄때 객체 필드값으로 {seconds, nanoseconds}로 다루고 있게 구성 되어있음.firebase/firestore를 사용하면 JS의 기본 시간 클래스인 Date와 갖다 꼴아박을수있도록Timestamp.fromData( new Date ) 이런 메서드를 지원함Timestamp.toDate() 를 사용하면 JS의 D.. 2025. 3. 28. [JS] fetch 후 응답 데이터 처리 방법 (async, await. promise) const btn = document.querySelector(".btn");const indexBtn = document.querySelector(".indexBtn");const result = document.querySelector(".result");// console.log(indexBtn.value); // /api/index// console.log(indexBtn.getValue); // undefined// console.log(indexBtn.getvalue); // undefined// console.log(indexBtn.getAttribute(value)); //corsTest.js:10 Uncaught ReferenceError: value is not defined.. 2025. 1. 8. [javascript] 자동 세미콜론 삽입기능으로 인한 오류 // 세미콜론 없는 버전let a = 1let b = 2[a, b] = [b, a]console.log(a, b)console.log("---")// 세미콜론 있는 버전let c = 1;let d = 2;[c, d] = [d, c];console.log(c, d); 자바스크립트에서는 세미콜론이 선택적이다.자바스크립트에서는 자동 세미콜론 삽입(ASI)이라는 기능을 갖고있는데개발자가 세미콜론을 생략하면 엔진이 자동적으로 세미콜론을 삽입한다. 위의 코드에서 세미콜론이 없는 코드를 실행하면 오류가 발생하는데이는 "[" 으로 시작하는 줄이, 이전 줄의 연속으로 해석되어 발생한 일이다.따라서 모호성을 배제하기위해 세미콜론을 사용해야한다. 2024. 10. 9. [javascript] 자바스크립트 코어 부분 좋은 사이트 자바스크립트 코어부분 관련 좋은 사이트 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 책보고 하려니까 html 부분에 있는 데이터 갖다쓰고 뭐하고 하면서 겁나 복잡했는데 여기에 있는 글 보니까 기본적인 인수의 형식이라거나 자바 스크립트에서 반복문 사용 방식, 함수 선언 방법 같은부분이 쫘악 적혀있음 그것도 원문이 깔끔하게 번역되버린 상태로.. 지렸다.. 번역해주신분께 감사하며 잘 읽어보기. 2022. 7. 25. [javascript] 스크립트 function 사용법. 자바스크립트 공부 시작 중에 단순하게 문자열 삽입하면 뒤에 붙게끔 출력해주려고 짜본내용 출력문에 "," 를 붙이면 앞뒤로 출력문과 인자값으로 나뉘어지면서 function에 별개의 값으로 들어감. "+" 으로 삽입해주면 function에 들어가기전에 먼저 한번 돌고 문자열로 들어가는 것 같음. 2022. 7. 22. 이전 1 다음