Javascript

Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다. 사용 방법 Date() 함수로 호출한 경우 new Date().toString()과 동일하게 현재 날짜와 시간을 나타내는 문자열을 반환합니다. console.log(Date()) //Wed Jul 27 2022 02:40:15 GMT+0900 (Eastern Indonesia Time) new Date() 생성자로 호출할 경우 새로운 Date 객체를 반환합니다. const date = new Date() console.log(date) // 2022-07-26T17:42:36.395Z 정적 메서드 Date.now() 1970년 1월 1일 00:00 UTC로부터 지난 시간을 밀리초 단위의..

function monthClassify(month){ if(month == 1 || 3 || 5 || 7 || 8 || 10 || 12){ console.log(`${month}월의 날 수는 31`) }else if(month == 4 || 6 || 9 || 11){ console.log(`${month}월의 날 수는 30`) }else if(month == 2){ console.log(`${month}월의 날 수는 28 또는 29`) } } monthClassify(2); 이렇게 했을 때 뭐가 출력될 것 같은지 예상해봅시다. "혹시 2월의 날 수는 28 또는 29"를 예상하고 이렇게 만드셨다면 틀리셨습니다. 함수 인수에다 어떤 숫자를 넣어도 "2월의 날 수는 31" 이 출력이 됩니다. 왜그런 것인가 ..

우리는 자바스크립트를 쓰면서 보통은 10진수 단위로 처리를 합니다. 그렇다면 2진수를 처리하는 연산자는 없을까? 했는데 존재했습니다. 그것들이 무엇인지 알아보려고 합니다. 연산자 효과 & AND 연산 (둘 다 1이면 1, 아니면 0) | OR 연산 (둘 중 하나라도 1이면 1, 둘 다 0일때만 0) ^ XOR 연산 (둘 다 1이거나 0이면 0, 다르면 1) ~ NOT 연산 (비트 반전, 1은 0, 0은 1) 비트를 우측으로 시프트 >>> 비트를 우측으로 시프트하지만 좌측을 0으로 채우기 " & " ( AND 논리 연산자) 이것은 많이 익숙한 연산자입니다. 보통 우리가 10진법 연산을 할때 && 이렇게하면 and로 작동이 됩니다. 그런데 & 이렇게 하나만 사용하면 2진법 연산을 할때 사용을 하게 됩니다. ..

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..