날짜정보객체 참조변수 = new Date(); 날짜관련메서드 날짜 정보를 가져올 때 (GET) 날짜 정보를 수정할 때 (SET) getFullYear() 연도 정보를 가져옴 setFullYear() 연도 정보만 수정함 getMonth() 월 정보를 가져옴(현재 월-1) setMonth() 월 정보만 수정함 (월 -1) getDate() 일 정보를 가져옴 setDate() 일 정보만 수정함 getDay() 요일 정보를 가져옴(일:0~토:6) '요일'은 날짜를 바꾸면 자동으로 바뀌므로 setDay() 는 필요없음 getHours() 시 정보를 가져옴 setHours() 시 정보만 수정함 getMinutes() 분 정보를 가져옴 setMinutes() 분 정보만 수정함 getSeconds() 초 정보를 가져옴..
코딩애플식 정의 : prototype은 유전자이다. function기계(){ this.q = "strike" //여기에 무언갈 쓰면 자식이 직접 가지게 된다. } 기계.prototype.name = 'kim' //여기에 쓰면 부모가 가지게 된다. var nunu = new 기계(); nunu.name //kim이 나옴 여기서 부모 유전자에 있는 것을 자식이 사용 가능한 이유는? object에서 자료 뽑을 때 일어나는 일 직접 자료를 가지고 있으면 그것을 출력한다. 없으면 부모유전자까지 찾아본다. 없으면 부모의 부모 유전자까지 찾아본다. 이것을 prototype chain ~ 이라고 칭한다. array.sort() 나 array.length() 처럼 array에 붙일 수 있는 이유가 무엇일까? 기본적으로 ..
padStart() padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 묶음, 주어진 길이를 만족시키는 새로운 문자열을 반환합니다. str.padStart(targetLength [, padString]) targetLength 목표 문자열 길이. 현재 문자열의 길이보다 작다면 충전물이 그대로 반환됩니다. padString 현재 문자열에 채워넣기를 다른 문자열입니다. 반환값 : String const str1 = '5'; console.log(str1.padStart(2, '0')); // expected output: "05" 'abc'.padStart(10); // " abc" 'abc'.padStart(10, "foo"); // "foofoofabc" 'abc'.padStart(6,"1..
arguments 객체 만약 함수의 정의보다 더 많은 수의 인수가 전달되면, 매개변수에 대입되지 못한 인수들은 참조할 방법이 없게 됩니다. 하지만 arguments 객체를 이용하면, 함수로 전달된 인수의 총 개수를 확인하거나, 각각의 인수에도 바로 접근할 수 있습니다. arguments 객체는 함수가 호출될 때 전달된 인수를 배열의 형태로 저장하고 있습니다. 첫 번째 인수는 arguments[0]에 저장되며, 다음 인수는 arguments[1]에 저장됩니다. 또한, 인수의 총 개수는 arguments 객체의 length 프로퍼티에 저장됩니다. 다음 예제의 addNum() 함수는 전달받는 인수의 개수에 상관없이 언제나 정상적인 계산을 수행합니다. function addNum() { var sum = 0; ..
spread operator (펼침 연산자) 펼침연산자는 ... 를 사용한다. 마치 String의 concat이 새로운 공간을 할당받아 이어진 문자열을 만들어 주는것 처럼, spread operator를 사용하면 새로운 공간을 할당받아 복사된 값을 가진 배열을 만든다. let pre = ["apple", "orange", 100]; let newData = [...pre]; console.log(pre, newData); console.log(pre === newData); /* output: [ 'apple', 'orange', 100 ] [ 'apple', 'orange', 100 ] false */ 참조가 아닌 복사이기 때문에 === 연산자로 비교하면 false가 나온다. let pre = [100..
자바스크립트 반복문 4가지에 대한 정리 for : 고전적인 for문 for in : 객체의 프로퍼티 키 열거 전용 for of : 이터러블 순회 전용 forEach(): 배열 순회 전용 메서드 이외에도 ... 이런 종류가 있습니다 : while : 고전적인 while문 do while : 고전적인 do...while문 Object 객체 메서드: 객체 순회 전용 Array.prototye 메서드 : 배열 전용 for for (let i = 0; i < cars.length; i++) { text += cars[i] + " "; } /* 아래와 동일 text += cars[0] + " "; text += cars[1] + " "; text += cars[2] + " "; text += cars[3] + " ..
스코프(var, let, const)와 String 메서드들에 대한 공부 정리 스코프 (범위) var, let 예제1 var name = "global var"; function home(){ for(var i=0; i
함수 선언식 - Function Declarations 변수 선언이 let이나 const로 시작해야하는 것처럼 함수 선언을 function으로 시작한다. 선언된 함수는 나중 사용을 위해 저장되며, 함수를 실행하려면 함수 이름을 호출(call)하면 된다. function 함수명() { 구현 로직 } // 예시 function funcDeclarations() { return 'A function declaration'; } funcDeclarations(); // 'A function declaration' 함수 표현식 - Function Expressions 자바스크립트에서는 함수를 특별한 종류의 값(value)으로 취급한다. 즉, 함수를 다른 변수에 값으로써 '할당'한 것이 곧 함수 표현식이다. var..
options = options || {}; function test (options) { options = options || {}; } /* *아래 코드와 같다 if (options) { options = options; } else { options = {}; } */ options 존재 하면 options = options options 존재 하지 않으면 options = {} test 인수 없이 호출 options하면 빈 객체로 초기화됩니다. 논리 OR 연산자 || : 첫 번째 피연산자가 거짓이면 두 번째 피연산자를 반환합니다 . 자바스크립트 연산자 우선순위 삼항 연산자 조건식 ? 반환값1 : 반환값2 물음표 앞의 조건식에 따라 결과값이 true이면, 반환값 1을 반환하고, 결과값이 거짓이면 반..
.charAt() 와 .indexOf() 에대해 알아보기 .charAt() charAt은 문자열에서 지정된 위치에 존재하는 문자를 찾아서 반환하는 함수입니다. "[문자열]".charAt([문자 위치]); 간단 예제 : //charAt 함수를 이용하여 문자열 "charAt" 의 3번째 위치 문자를 출력하시오. var str = "chatAt"; document.write("str.chatAt(2) : " + str.charAt(2) + " "); //결과 : str.chatAt(2) : a chatAt 의 위치는 0부터 시작하기 때문에 3번째 위치를 찾고자 하는 경우 2를 입력하여야 정확한 문자를 찾을 수 있습니다. 정리 참고 출처 : https://m.blog.naver.com/PostView.nav..
JSON 메서드 자바스크립트는 JSON 데이터를 처리하기 위한 다음과 같은 메소드를 제공하고 있습니다. JSON.stringify() JSON.parse() JSON.stringify() 메소드 JSON.stringify() 메소드는 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다. JSON.stringify(value) value에는 변환할 자바스크립트 객체를 전달합니다. 이 메소드는 UTF-16으로 인코딩된 JSON 형식의 문자열을 반환합니다. var dog = {name: "식빵", family: "웰시코기", age: 1, weight: 2.14}; // 자바스크립트 객체 var data = JSON.stringify(dog); // 자바스크립트 객체를 문자열로 변환함. docum..
자바스크립트 JavaScript 화살표함수 화살표함수 : ES6에서 처음 등장한 새로운 함수 선언 방법 *함수선언식 : function 키워드로 단독으로 함수를 선언한 것 function sum(num1, num2){ return num1 + num2; } *함수표현식 : 변수에 함수를 할당한 것 const sum = function sum(num1, num2){ return num1 + num2; } 함수선언식과 함수표현식 차이점: https://rebornbb.tistory.com/entry/JS-%ED%95%A8%EC%88%98-%ED%91%9C%ED%98%84%EC%8B%9D%EA%B3%BC-%ED%95%A8%EC%88%98-%EC%84%A0%EC%96%B8%EC%8B%9D%EC%9D%98-%EC..
