지식플러스

const date = new Date(); const ISODate = date.toISOString(); console.log(ISODate); //'2023-06-12T01:16:58.163Z' toISOString 함수는 UTC timezone 기준으로 format 되어 본래 시간과 다른 값이 나오는걸 확인할 수 있다. 이를 한국 시간으로 변환해야한다. const newKoreaTime = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toISOString(); console.log(newKoreaTime); // '2023-06-12T10:16:58.163Z'

진행하기 앞서 아래 사항을 염두하자. 1. private 필드는 class 선언문 내부의 class 생성자(class constructor)에서 접근이 가능하다. 2. Private static 필드는 class evaluation 시 class 생성자(class constructor)에 추가된다. *여기서 class evaluation은 class 스캔의 뜻인듯. //ChatbotDialog.js class ChatbotDialog { constructor(){ this.temp = 'temp'; } continueOrNot = async () => { return console.log('continueOrNot') } chatbotDialog = async () => { console.log('thi..

Javascript class의 속성(property)은 기본적으로 public하기에 class 외부에서 읽힐 수 있다. ES2019 이후 # prefix 추가하여 private class 필드가 가능해졌다. #은 var, let, const와 같이 식별자 선언으로 쓰일 수 있다. class ClassWithPrivateField { #privateField constructor() { this.#privateField = 42 this.#randomField = 444 // Syntax error } #privateFunc() { return console.log('출력X'); } publicFunc2() { return console.log('출력O'); } } const instance = new ..

데이터 처리를 하다면 배열에 객체를 푸시할 일이 종종 발생한다. 이 때 주의할 점이 있다. Javascript 배열은 객체 자체가 아닌 해당 객체의 참조 값을 보유한다는 것이다. 즉 객체를 배열에 푸시할 시에 새로운 객체(참조값이 다름)를 푸시하는 것이 아닌 참조를 단순히 넣는 경우가 발생할 수 있다. const ObjKeys = [ 'id', 'intent', 'status_msg', 'keyword', 'answer', 'input_date', 'service_type', 'lib_name' ] const columns = [] const headers = {} for(let i =0; i < ObjKeys.length; i++) { headers['header'] = ObjKeys[i] header..

const ParamObject =[]; let tempObject; $('#addPramObjectButton').on('click', function() { tempObject = {}; //초기화를 반드시해야됨 초기화를 안하면 같은 값이 반복해서 들어간다. let intentParam = $('#intentParam').val(); let defaultVal = $('#defaultVal').val(); let notNull = $('#notNull').val(); tempObject.intentName = intentParam tempObject.defaultVal = defaultVal tempObject.notNull = notNull console.log('tempObject' , tempO..

React는 사용자 인터페이스를 구축하기 위한 (선언적, 효율적, 유연한) Javscript 라이브러리이다. - 2013년 페이스북에서 공개한 라이브러리. - Component, nodejs의 module과 같이 구축해놓은 코드를 재사용성을 향상시켜 개발 및 유지보수에 도움이된다. - virtual DOM (가상 문서 객체 모델) 리액트는 인 메모리 데이터 구조 캐시를 만들고 결과 차이를 계산하여 브라우저 표시되는 real DOM을 효과적으로 업데이트한다. 즉 변경전 virtual DOM과 바뀐 virtual DOM를 비교하여 (dffing) 바뀐 특정 컴포넌트만 렌더링하여 화면에 반영하는 아주 효율적인 기능을 제공한다. - JSX : 자바스크립트 언어 문법의 확장 - 내재된 요소(nested) : 같은..

1. why(왜 알아야하는가?) 실행 컨텍스트는 (소스코드를 동작시키는) 자바스크립트 엔진의 핵심이기때문이다. '자바스크립 엔진 동작의 핵심' 2. how(어떻게 동작하는가?) 자바스크립트는 크게 두개의 환경에서 동작한다. 1. 브라우저(크롬,파이어폭스,IE ...) 2. Node.js 흔히 브라우저는 클라이언트 사이드 그리고 Node.js는 서버 사이드라고 불린다. (Node.js는 플랫폼이며 자바스크립트 런타임입니다. 즉, 자바스크립트로 서버나 컴퓨터를 조작할 수 있게 도와주는 플랫폼입니다. 그러니 Node.js를 언어라고 표현하기에는 무리가 있습니다.) 어떤 환경이든 자바스크립트 엔진을 기반으로 동작하기 때문에 다음 동작원리는 동일합니다. 소스코드 타입에 따라 실행 컨텍스트 생성과정과 관리 내용이 ..

두 함수 모두 Array.prototype의 메서드이다. filter 주어진 함수 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive exampl developer..

else if(req.params.id == 'serviceTypeList') { body = req.body; const bodyKey = Object.keys(body); const data1 = {}; bodyKey.forEach((item) => { data1[item] = req.body[item]; }) console.log('data1', data1); console.log('body', body); const intentName = req.body.intentName; const reqType = req.body.reqType; const data = { intentName, reqType }; console.log('data', data); const url = env.MW_SERVICE..

더보기 location.href 이란? Return the entire URL (of the current page) 출쳐 : www.w3schools.com/jsref/prop_loc_href.asp location.href는 문서객체모델(DOM) 중 하나인 Location 객체의 속성(Property) 입니다. 문서간의 페이지 이동을 위해 사용합니다. 제 짧은 견해로 프로그래밍은 결국 데이터 주고 받음 안에서 귀속되어 있고 하나의 문서에 많은 페이지를 담을 수 가 없고 또 페이지 간의 데이터 통신이 필요하기 때문에location.href는 알아두면 정말 유용하게 사용할 수 있습니다. 각설하고 보통 특정 페이지의 값을 클릭 했을 때 서버에서 수행할 값을 데이터와 같이 넘긴 후에 그에 해당하는 응답 값을..