Javascript (5) 썸네일형 리스트형 [JS] Array 중복제거 new Set 이용하기const arr = [ { code: 'a', name: '가나다' }, { code: 'b', name: '라마' }, { code: 'a', name: '가나다' }, { code: 'c', name: '바사' }];const newArr = [...new Set(arr.map((item) => JSON.stringify(item)))].map((item) => JSON.parse(item)) number만큼 array for문 돌리기 const count = 10 [...Array(10).keys()].forEach(x => { console.log(x) }) 로컬스토리지 세션스토리지 차이점 LocalStorage : 클라이언트에 대한 정보를 영구적(강제로 지우지 않는 이상)으로 보관하는 것 - window.localStorage에 위치 - 키 밸류 저장소이기 때문에 키와 밸류를 순서대로 저장하면 됨 localStorage.setItem('name', 'ksy'); localStorage.setItem('birth', 1993); localStorage.getItem('name'); // ksy localStorage.getItem('birth'); // 1993 (문자열) - clear, getItem, setItem, removeItem, key 등.. SessionStorage : 로컬스토리지와 다르게 세션이 종료되면(즉 웹브라우저를 닫을 경우) 클라이언트에 대한 정보를 삭제하는 것 -.. dynamic form 전송해서 새창열기 var loginid = $("#txtUserId").text(); var form = document.createElement("form"); form.setAttribute("charset", "UTF-8"); form.setAttribute("method", "post"); //Post 방식 form.setAttribute("action", "http://localhost:8082/"); //요청 보낼 주소 form.setAttribute("target", "_blank"); var hiddenField = document.createElement("input"); hiddenField.setAttribute("type", "hidden"); hiddenField.setAttribute("name".. Event Loop 자바스크립트의 큰 특징 중 하나는 싱글 스레드(단일 스레드) 기반으로 동작한다는 것이다. 자바스크립트를 해석하는 엔진은 크게 3가지 영역으로 나뉘는데 (V8 기준으로 작성) 1. Call Stack(호출 스택) 2. Task Queue (Event Queue) 3. Memory Heap + 그리고 추가적으로 Event Loop가 존재한다. 이벤트 루프는 Task Queue에 들어가는 task들을 관리하게 된다. 그림이 2개인 것은 Queue 가 자바스크립트 엔진에 들어가냐 마냐 의견이 분분하여 (찾아봤는데 정확히 명시된 곳이 없다.) 일단 그림을 2개 넣어보았다. Call Stack 자바스크립트는 단 하나의 호출스택을 사용한다. 이러한 특징 때문에 자바스트립트 함수가 실행되는 방식을 "Run to Com.. 이전 1 다음
