JavaScript

[javascript] Date 객체 ✔️ Date 객체 : 날짜와 시간을 다루는데 사용되는 객체다! new 연산자를 사용하여 객체 타입을 만든다. 📓 생성자 및 정적 메소드 Date() : 현지 시간으로 생성 순간의 날짜와 시간을 나타내는 Date 객체를 생성한다. Date.now() : 1970년 1월 1일 0시 0분 0초 부터 지난 시간을 밀리초 단위의 숫자 값으로 반환한다. Date.parse(dateString) : 날짜의 문자열 표현을 분석하여 1970년 1월 1일 0시 0분 0초 이후 밀리 초로 반환한다. .getFullYear() : 현지 시간 기준 연도(4글자)로 반환한다. .getMonth() : 날짜의 월을 나타내는 0에서 11 사이의 정수를 반환한다. 0은 1월 1은 2월 .getD..

[javascript] 문자 리터널 / String 객체 ✔️ 문자 리터널 : 문자열을 처리하기 위한 프로퍼티 및 메소드를 제공한다. : 일반적인 문자열과 String 오브젝트는 다르게 취급한다. : 둘은 eval() 을 사용할 때 다른 결과를 제공한다! : String 오브젝트는 valueOf() 메소드로 원형에 대응하도록 전환할 수 있다.! var s1 = "java"; //문자 리터널 var s2 = new String("java"); // 객체 console.log(typeof(s1)) // string console.log(typeof(s2)) // object console.log(s1==="java"); //true console.log(s2==="java"); //false console...

[javascript] 화살표 함수 표현 ✔️ 화살표 함수 표현 : 화살표 함수 표현은 function 표현에 비해 구문이 짧아서 자주 쓴다. : 화살표 함수는 항상 익명이다. : 매개변수가 하나 뿐일 때 괄호는 선택사항이다. : 매개변수가 없는 함수는 괄호가 필요!✨ //--------------------- //함수 표현식 var sub1 = function(args) { return args.length; }; console.log( sub1('seoul')); // 문자열의 길이 구하기 // length = 문자열의 길이를 구하는 함수 //--------------------- //화살표 함수 var sub2 = (args) => {return args.length;}; console.log(su..

[javascript] 클로저(Closures) ✔️ 클로저 (Closures) : 함수 내부에 함수를 작성할 때마다 클로저가 생성된다. 즉, 함수 내부에 작성된 함수가 바로 클로저이다! : 클로저는 반환된 내부함수가 자신이 선언됐을 때의 환경인 스코프를 기억하여 자신이 선언됐을 때의 환경 밖에서 호출되어도 그 환경에 접근할 수 있는 함수를 말한다. = 클로저는 자신이 생성될 때의 환경을 기억하는 함수라고 말할 수 있다. : 내부함수는 외부함수의 지역변수에 접근할 수 있는데 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근할 수 있다. : 내부함수는 외부함수 안에서 정의된 모든 변수와 함수를 접근할 수 있다. : 내부함수는 외부함수의 명령문안에서만 접근가능하다. : 외..

👩‍💻 에러가 없는데 결과가 안나올 때 잡는 방법 크롬 창에서 개발자 도구 실행 - 소스창에서 코드 찍고 실행했을 때 출력되는 결과 비교 - 우측에 step 버튼으로 한 줄씩 실행해서 코드 볼 수도 있음 ⭐ 디버깅 끝내고 잡은 코드줄은 꼭 해제해야한다!

[javascript] arguments 객체 / 디폴트 매개변수 / Rest 매개변수 ✔️ 매개변수란 : 매개변수는 함수를 호출한 곳에서 함수에 값을 전달할 때 사용한다. : 매개변수를 선언할 때 var 키워드는 사용하지 않는다. : 함수를 정의할 때 매개변수의 데이터 유형을 지정하지 않으며, 전달된 인수에 대해 유형 검사를 하지 않는다. : 자바스크립트는 넘겨 받은 매개변수의 수를 확인하지 않음 (그냥 없으면 undefined) : 함수가 인수의 값을 변경해도, 매개변수의 원래 값은 변경되지 않는다. ✔️ arguments 객체 : 해당 객체는 함수를 호출할 때 전달된 인자 값을 나타내고, 첫번째 인자는 arguments[0] 으로 나타낸다. : length 는 함수에 실제로 넘겨받은 인수의 개수를 ..

[javascript] 함수 (함수 선언방식/함수 표현식/기명함수) / 호이스팅 ✔️ 함수 : 자바스크립트에서 함수란 특정작업을 수행하는 각 코드를 하나로 묶어 놓은 것을 의미한다. : 자바스크립트 함수는 Function 객체이다. 즉, 모든 함수는 Function 타입의 인스턴스로 다른 참조 타입과 마찬가지로 프로퍼티와 메소드가 있다. ✔️ 함수 구성 요소 : 함수 호출은 함수 이름 뒤에 괄호를 붙여서 함수를 실행할 수 있다. ex) var a = add(2,3); : 함수를 정의한 것만으로 함수 내부 코드가 실행되지 않고, 함수 내부의 코드를 실행하려면 반드시 함수를 호출해야한다. ✨ 매개변수 : 함수를 호출한 곳에서 함수에 값을 전달할 때 사용한다. 함수 내에서만 유효한 범위를 갖는다. ✨ 인수 :..

[javascript] 조건문 ✔️ 조건문 : 특정 조건이 참인 경우에 실행하는 명령의 집합이다. : 두 가지 조건문을 지원하다. 📓 거짓으로 취급하는 값 false, undefined, null, 0, NaN, 빈문자열 "" 📓 조건문에 전달되었을 때 모든 개체는 참으로 평가된다. var b = new Boolean(false); if(b) {} // if 조건은 참으로 평가된다. //조건문에서 거짓 .: false, undefined, null, 0, NaN, ""빈문자열 var a; //undefined 변수만 선언하고 값이 없음 if(a) { console.log("참"); } else { console.log("거짓"); } // undefined 라서 결과 거짓 // null 이 아닌 모든 객..

[javascript] window 객체의 기본 메소드 / 타이머 함수 ✔️ window 객체? : DOM 을 포함한 브라우저의 창을 나타내는 객체를 window 객체이며, documnet 속성은 브라우저 창에 로드된 DOM 문서를 나타낸다. : window 객체는 브라우저 기반 자바스크립트의 최상위 객체이다. : 전역 객체라고도 불리며, 전역 객체는 그 객체의 프로퍼티나 메소드를 사용할 때 이름을 명시할 필요가 없다. ✨ 타이머, 자바스크립트 경고 창 및 입력 대화상자를 위한 메소드 등이 있다. document.write("타이머 함수 예제"); ✔️ 타이머 함수 : 특정 시간에 특정한 함수를 실행하는 함수로 window 객체에 정의되어 있다. setTimeout("alert('환영합니다!!!');",..

[javascript] 내장 함수 : parseInt / Number / isFinite / eval /encodeURIComponent ✔️ 내장함수 : 자바스크립트는 자체적으로 미리 정의된 내장함수를 제공한다. : 객체에 붙지 않고 전역으로 호출하는 함수로, 반환 값을 호출자에게 바로 반환한다. ✔️ parseInt() : 문자열을(10진수) 숫자로 표현한다. : parseInt(string, radix) ✨ radix 는 2와 36 사이의 진수를 설정할 수 있다. ✨ 반환값 : 첫 글자가 숫자로 변환할 수 없으면 NaN 을 반환한다. var a, b; a = "123"; console.log(a===123); //false console.log(a+10); //12310 b = parseInt(a)..