반응형 분류 전체보기119 HTTP's methods XHR vs fetch HTTP 속성 2가지 stateless HTTP의 요청은 모두 독립적이다. 첫번째 요청이 두번째 요청에 영향을 주지 않는다. connectionless 한번의 요청에 한번의 응답만이 존재. 요청에 대한 응답이 이루어지면 연결은 끊긴다. 브라우저의 기본 구조 사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분이다. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어. 렌더링 엔진 - 요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시함. (크롬은 웹킷 (Webkit) 엔진 사용) 동작과정) DOM 트리 구축위한 HTML 파싱 - 렌더트리 구축 - 렌더 트리 배치 - 렌더 .. 2020. 11. 14. arr.every() (부분집합 구하기) const isBelowThreshold = (currentValue) => currentValue < 40; const array1 = [1, 30, 39, 29, 10, 13]; console.log(array1.every(isBelowThreshold)); // expected output: true 배열의 모든 요소가 콜백함수에서 true를 리턴하는지 여부를 리턴한다. 요소 하나라도 콜백함수에서 false를 리턴한다면 false 를 리턴. * .includes()메서드와 함께 사용하면 배열의 부분 집합인지 여부를 구할 수 있다. 2020. 11. 14. 간단한 트리 DFS 깊이우선탐색 구현 let dfs = function (node) { // TODO: 여기에 코드를 작성합니다. let values = [node.value]; node.children.forEach((n) => { values = values.concat(dfs(n)); }); return values; }; 이문제의 핵심은 아래 라인. values = values.concat(dfs(n)); 리턴된 values를 지속해서 하나의 배열에 붙인다. 백트래킹은 구현하지 않았다. 2020. 11. 10. TIL 1109 Promise async&await JSON.parse Promise 객체 Promise.. 그것은 약속이다. 어떤약속이냐 웹에서 데이터를 얻어서 보내주거나 얻지 못한다면 (에러발생시) 이유와 함께 에러를 발생시키도록한 약속! .then() 은 Promise 객체 내에서 resolve()에 전달된 데이터를 받는다. .catch() 는 Promise 객체 내에서 에러 발생시 reject()에 전달된 데이터를 받는다. Promise의 3가지 상태 Pending (대기) Fulfilled (완료) Rejected (거부) 순서도 pending 1-1 -resolve-> 2. fulfilled (settled) 1-2 -rejec-> 2. pending (settled) Promise 객체는 이벤트 루프에서 대기상태를 유지하다가 실행순서가 되면 비동기적으로 실행되고.. 2020. 11. 10. JavaScript 문법 특징 (오답노트) 보호되어 있는 글 입니다. 2020. 11. 5. setTimeout()종료시키기 clearTimeout() / EventListener 에 파라미터있는 함수 등록 clearTimeout() - setTimeout() 강제종료 let timer = setTimeout( someFunction, 1000 ); //setTimeout 을 지연시간 기다리지 않고 종료시키기 clearTimeout(timer); setTimeout()을 객체의 속성처럼 this.timer = setTimeout( someFunction, 1000 ); 으로 쓰고 종료하고싶은 시점에 clearTimeout(this.timer); 하면 종료된다. 재귀로 setTimeout을 사용해서 무한반복시켰을 때 원하는 시점에 clearTimeout()으로 재귀를 종료시킬 수 있다. EventListener에 파라미터있는 함수 등록 document.querySelector('.className').addE.. 2020. 11. 1. TIL 1030 .concat() vs .push() / setTimeout() concat() 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새로운 배열을 리턴 기존 배열은 변경되지 않는다 (immutable) push() 기존 배열에 마지막 요소를 추가하고, 배열은 새로운 길이 를 갖게되고 요소가 추가된 기존 배열의 새로운길이_를 리턴 _기존 배열에 새로운 요소를 추가하므로 기존 배열은 요소가 추가된 상태로 변경된다 setTimeout() setTimeout 메서드는 WindowTimers 객체의 메서드다. 첫번째 인자로 콜백함수를 전달하고, 두번째 인자로 지연시간을 전달해서 사용한다. 아래는 내가 과제를 진행하면서 사용하고 이해한 예시 step() { setTimeout(this.step.bind(this), this.timeBetweenSteps); //setTimeout.. 2020. 11. 1. 시간복잡도 big-O 시간복잡도 자료구조에 대해서 조회, 삽입, 변경(수정), 제거를 수행할 때 걸리는 시간과 입력의 함수 관계를 나타낸다. big-O 최악의 경우를 기준으로 시간 복잡도를 나타냄. 크기 비교(내림차순) O(n!) > O(2^n) > O(n^2) > O(nlog n) > O(n) > O(log n) > O(1) O(log n) < O(n) 항상 성립한다? '항상'은 아니다....단순히 값의 크기만 비교하는게 아니라 증가량의 차이도 고려하는 것 같다. (내용추가) big-Omega = 최선의 경우를 다루는 표기법 (하한점근선?) big-Theta = 최악, 최선의 중간경우를 다루는 표기법 종류는 이정도만 알고 넘어가자 자료구조별 시간복잡도 배열 Insert - O(n) 0번 인덱스에 삽입시 나머지.. 2020. 10. 28. Object(인스턴스) 생성하는 4가지 방법 / Prototype 이란 Object(인스턴스)를 생성하는 방법 1.Functional var Car = function(){ var instance = {}; instance.position = 0; instance.move = function(){ this.position++; } return instance; }; //생성시에 인자를 전달해서 position의 초기값을 할당하는 방법. var Car = function(position){ var instance = {}; instance.position = position; instance.move = function(){ this.position++; } return instance; }; var car1 = Car(); var car2 = Car(); car1.move(.. 2020. 10. 28. 이전 1 ··· 4 5 6 7 8 9 10 ··· 14 다음 반응형
