Javascript/개념

Date Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1월 1일 UTC 자정과 시간 차이를 밀리초로 나타내는 정수 값을 담습니다. constrotor Date() 함수로 호출할 경우 new Date().toString()과 동일하게 현재 날짜와 시간을 나타내는 문자열을 반환합니다. function day(a,b){ return Date(2016, (a-1), b); } console.log(day(5,24))//Thu Jul 21 2022 17:12:50 GMT+0900 (Eastern Indonesia Time) new Date() 생성자로 호출할 경우 새로운 Date 객체를 반환합니다. function day(a,b){ return new Da..

웹 페이지는 어떻게 만들어질까? DOM을 이해하기 전에 웹 페이지가 어떻게 빌드 되는지부터 알아야 한다. 웹 브라우저가 원본 HTML 문서를 읽어들인 후, 스타일을 입히고 대화형 페이지로 만들어 뷰 포트에 표시하기까지의 과정을 "Cirtical Rendering Path"라고 합니다. Understanding the Critical Rendering Path 에서 다루듯이 이 과정은 여러 단계로 나누어져 있지만, 이 단계들을 대략 두 단계로 나눌 수 있습니다. 첫 번째 단계에서 브라우저는 읽어들인 문서를 파싱하여 최종적으로 어떤 내용을 페이지에 렌더링할지 결정합니다. 두 번째 단계에서 브라우저는 해당 렌더링을 수행합니다 첫 번째 과정을 거치면 “렌더 트리”가 생성됩니다. 렌더 트리는 웹 페이지에 표시될 ..

Array.prototype.reverse() reverse() 메서드는 배열의 순서를 반전시킵니다. 주의 : 원본 배열도 변형시킨다. const a = [1, 2, 3] console.log(a); [1, 2, 3] a.reverse(); console.log(a); // [3, 2, 1]

string.prototype.split() split 메서드는 대상 문자열에서 첫 번째 인수로 전달한 문자열 또는 정규 표현식을 검색하여 문자열을 구분한 후 분리된 각 문자열로 이루어진 배열을 반환한다. 인수로 빈 문자열을 전달하면 각 문자를 모두 분리하고, 인수를 생략하면 대상 문자열 전체를 단일 요소로 하는 배열을 반환한다. const str = "How are you doing?"; // 공백으로 구분(단어로 구분)하여 배열로 반환한다. str.split(' '); // ["How", "are", "you", "doing?"] // \s는 여러 가지 공백 문자(스페이스, 탭 등)를 의미한다. 즉, [\t\r\n\v\f]와 같은 의미다. srt.split(/\s/); // ["How", "are",..

parseInt() 함수는 문자열 인자를 분석하여 특정 진수의 정수로 반환한다. 구문 parseInt(string) parseInt(string, radix) string 파싱할 값이다. 문자열이 아닐 경우 toString 추상 연산을 사용해 문자열로 변환한다. (문자열의 선행 공백은 무시) radix (Optional) string의 진수를 나타내는 2부터 36까지의 정수이다. (단, 기본 값이 10이 아니다) Number 자료형이 아닌 경우 Number로 변환한다. 반환 값 주어진 string에서 파싱한 정수를 반환한다. radix가 2~36사이의 범위가 아닐경우 공백이 아닌 첫 문자를 숫자로 변환할 수 없는 경우 이 두 가지 경우에 NaN을 반환한다. 즉 정수 or NaN을 반환한다. 주의할 점 p..

Number.prototype.toString() 특정한 Number 객체를 나타내는 문자열을 반환한다. 구문 numObj.toString([radix]) radix : 수의 값을 나타내기 위해 사용되기 위한 기준을 정하는 2와 36사이의 정수 ( 진수를 나타내는 기수의 값) 한 마디로 2~36진수로 표현이 가능하다 (이외의 숫자를 입력하면 에러가 발생) 아무것도 적지않은 기본 값은 10진수 문자열을 반환한다. 반환 값 Number 객체를 명시하는 문자열 var x = 6; console.log(x.toString(2)); // displays '110' // 진수를 나타내느 기수 값(radix)이 10이상의 값일 때는, 알파벳의 글자는 9보다 큰 수를 나타낸다. console.log((254).toSt..

객체란? 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key 와 value로 구성된다. - 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. - 따라서 함수도 프로퍼티 값으로 사용할 수 있다. ( 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드(method)라고 부름 - 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 일급 객체 더보기 더보기 일급 객체란? 다음과 같은 조건을 만족하는 객체를 입급 객체라 한다. 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는..

Array.prototype.includes() includes 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. 반환값은 Boolean 입니다. 구문 arr.includes(valueToFind[, fromIndex]) const array1 = [1, 2, 3]; console.log(array1.includes(2)); // expected output: true const pets = ['cat', 'dog', 'bat']; console.log(pets.includes('cat')); // expected output: true console.log(pets.includes('at')); // expected output: false [1, 2, 3].includes(2); // true..

delete 는 객체의 속성을 제거 할때 쓰는 연산자이다 -반환값은 제거에 성공하면 true 실페하면 false / stric 모드에서 속성이 자신의 속성이며 설정이 불가능할 경우 typeError -delete는 단순히 객체와 속성과의 연결을 끊을 뿐 실제로 메모리에서 제거하는것은 아니다. -delete 하고 싶은 delete 연산자를 사용하기보다 값을 null 이나 undefined로 설정하는것을 추천한다. var array = [0, 1, 2, 3] delete array[2] true array // (4) [0, 1, empty, 3] (배열도 객체의 일종이기에 객체 및 배열에서 속성을 제거할때 사용가능) - delete 연산을 하여도 배열의 크기는 그대로 유지 된다. 따라서 delete 연산은..