긍정적 자기부정

CRUD Ceate createElement: 요소를 생성한다. document.createElement('div') createDocumentFragment: 아직 잘 모르겠다! 우선 이런 것이 있다는 것만 알고 넘어간다! untitledtblog.tistory.com/44 DocumentFragment를 이용한 JavaScript 성능 최적화 자바스크립트의 DOM 객체는 연산을 수행할 때마다 DOM tree라는 자료구조에 접근해야 하기 때문에 자바스크립트의 성능을 저하시키는 주된 요인 중 하나이다. 따라서, 자바스크립트의 성능을 최 untitledtblog.tistory.com ko.javascript.info/modifying-document#document-fragment 문서 수정하기 ko.ja..

DOM vs. HTML HTML 문서가 웹 브라우저에서 기능하기까지의 프로세스가 있다. (Critical Rendering Path라고 함) 이때, 이 과정은 크게 두 가지로 나눠진다. 1) HTML 문서를 parsing하여 무엇을 브라우저로 보여줄까 결정하기 2) 사용자가 보는 화면을 구현하기 이 때, 과정1)을 통해 만드러진 결과를 Render Tree라고 부른다. 이 Render Tree는 두 가지 정보를 포함한다. 하나는 스타일 정보, 나머지는 DOM이다.(구성 요소 정보) DOM을 정의해보자면 HTML 문서를 객체의 형태로 표현한 것이다. (객체와 좀 다른 점도 있다고 한다. 그러나 기본적으로 객체로 표현하여 다른 프로그램에서 사용할 수 있게 만든다는 것은 변함 없다.) DOM의 구조는 Node..

맵리듀스란? 대용량 데이터 처리를 위한 분산 프로그래밍 모델이다. 흩어져 있는 데이터를 Map을 통해 정돈한 후, reduce로 필요한 형태의 정보로 압축시키는 방법을 의미하는 것

아직 정규표현식은 잘 모른다. regex101.com/r/cO8lqs/2 Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript Please wait while the app is loading... regex101.com 정규표현식을 테스트 할 수 있는 사이트 1. a로 시작해서 b로 끝나는, 혹은 b로 시작해서 a로 끝나는 길이 5의 문자열 찾기 str.search(/a...b/gi); str.search(/b...a/gi);

아직 정규표현식은 잘 모른다. regex101.com/r/cO8lqs/2 Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript Please wait while the app is loading... regex101.com 정규표현식을 테스트 할 수 있는 사이트 1. a로 시작해서 b로 끝나는, 혹은 b로 시작해서 a로 끝나는 길이 5의 문자열 찾기 str.search(/a...b/gi); str.search(/b...a/gi); 앞으로 추가할 예정!

Google JavaScript Style Guide Airbnb JavaScript Style Guide The Modern JavaScript Tutorial - Coding Styling NHN 코딩 컨벤션 - HTML / CSS NHN 코딩 컨벤션 - Javascript 그 중 기억하고 싶은 것 몇 가지 적어보자면, 1. 들여쓰기는 space 2번이 대세. 2. boolean이 할당된 변수는 is 혹은 are을 붙이기 ex) let isDog = true; 3. 함수 이름은 동사로 시작하게 4. 상수는 모두 대문자로 적기 5. 줄 바꿈이 필요한 문자열은 백틱 사용 6. if, for, while 문의 끝에는 세미콜론 사용 x

reduce는 다른 것들에 비해서 좀 더 어렵게 느껴지기에, 따로 정리한다. arr.reduce(callback[, initialValue]) callback 함수는 네 개의 인자를 가짐. 1) 누산기 (acc) 2) 현재 값 (cur) 3) 현재 인덱스 (idx) 4) 원본 배열 (src) 내가 이해한 reduce는 다음과 같다. 1) 하나의 값으로 모아야 할 때 사용 2) 첫 번째 인자는 모으는데 사용하고, 두 번째 인자는 모을 것을 지칭하는 데에 사용 3) 무조건 callback 함수의 return 값을 다음 acc 인자에 전달한다.

1. forEach arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) 주어진 함수를 배열 요소 각각에 대해 실행한다. 2. find arr.find(callback[, thisArg]) 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환하며, 그런 요소가 없다면 undefined를 반환 3. filter arr.filter(callback(element[, index[, array]])[, thisArg]) 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 4. map arr.map(callback(currentValue[, index[, array]])[, thisArg]) 배열 내의 모든 요소 각각에 대하여 주어..

함수를 인자로 받거나 함수를 리턴하는 함수 이때, 다른 함수의 인자로 전달되는 함수를 특별히 콜백 함수라고 한다. 반면, 함수를 리턴하는 함수를 커리 함수라고 한다. 위 정의에 따르면, 고차 함수의 형태는 세 가지가 있다. 1. 다른 함수를 인자로 받는 경우 (double은 new_func의 콜백 함수) function double(num) { return num * 2; } function new_func(func, num) { // 8 console.log(output); // -> 8 //함수는 일급 객체, 따라서 함수를 변수에 지정 가능. const add3 = adder(3); output = add3(2); console.log(output); // -> 5 3. 함수를 인자로 받고, 함수를 ..

다른 객체들에 일반적으로 적용가능한 연산을 모두 지원하는 객체를 가리킨다. 보통 함수에 매개변수로 넘기기, 수정하기, 변수에 대입하기와 같은 연산을 지원할 때, 일급 객체라고 한다. - 위키피디아 따라서, JS에서 함수가 일급 객체라는 뜻은 함수를 string, number, boolean 등의 데이터를 다루듯이 다룰 수 있다는 것을 의미한다.