성장을 위한 기록

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) call, apply, bind **함수 호출 방식과 관계없이 this를 지정 할 수 있다. call : 모든 함수에서 사용가능하며 this를 특정값으로 지정 할 수 있다 function showThisName() { console.log(this.name); } 이라는 함수가 실행된다면 반환되는 값은 공백이다. 그 이유는 함수 안에 있는 this는 윈도우 객체를 가르키기 때문에 공백이 반환된다. 여기서 call을 사용하면 this값을 지정할 수 있다. const btae = { name: &..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) setTimout() : delay 후 함수 실행 setTimeout는 정해논 시간 뒤에 함수를 실행 시킬 수 있다. 또한 함수의 인수를 받을 수도 있다.(필요하다면 시간 뒤에 작성하고, 없다면 안적어도 된다) function consName(name){ console.log(name); } setTimeout(consName, 3000, 'Btae'); 이 예제는 함수 consName('Btae')을 3초 뒤에 실행한다. 여기서 3000의 단위는 ms(밀리세컨)으..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) 나머지 매개 변수 예시 소스부터 보자 function showName(name){ console.log(name); } showName(); // undefined showName('Btae'); // 'Btae' showNamme('Tom','Jerry') // 'Tom' 인수를 하나만 입력한 경우 의도와 맞게 실행된다. 인수가 없거나 매개변수의 수와 다를 경우 에러는 발생하지 않는다 다만 값이 없을 땐 undefined 인수가 더 많은 경우 순차적으로 앞에만 실행하고 끝난다. 이렇게 우리는..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) 구조 분해 할당 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 let [x,y] = [1,2]; // x 는 1 // y 는 2 다양한 매서드를 통해 활용 할 수 있다. 예로 split()을 사용해보면 let str = "Tom-Jerry-Btae"; let [user1, user2, user3] = str.split('-'); /* user1 > 'Tom' user2 > 'Jerry' user3 > 'Btae' */ 이 예제는 문자열을 split매서드를 이용하여 ..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) sort() : 배열 재정렬 배열을 재정렬할 때 사용한다. 단 배열 자체가 변하니 주의해야 한다 정렬 방식은 크기 순서로 사용하게 된다. let a = [1,3,2,5,4]; a.sort(); // [1,2,3,4,5] let b = [ 'a', 'c', 'b', 'e', 'd']; b.sort(); // ['a','b','c','d','e'] /* 숫..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) 배열 매소드 기본적인 배열 매소드 push() , pop(), unshift(), shift() 순서대로 뒤에 삽입, 뒤에 삭제, 앞에 삽입, 앞에 삭제이다. splice(n, m) : 특정 요소 지움 n번째 요소부터 m개를 지울 때 사용한다. (당연히 번호는 인덱스 번호이다.) let arr = [1,2,3,4,5]; arr.splice(1,3); /* [1,5]*/ let arr1 = [1,2,3,4,5]; arr1.splice(1,3,6,7); /* [1,6,7,5]*/ splice(n,..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) 문자열 매소드 문자열로 표현하는 방법은 작은 따옴표(') 큰 따옴표 (") 백틱 (`)가 있다. 백틱을 제외하고 따옴표로 여러 문자열을 묶을 때는 원치 않는 결과가 나올 수 있으므로 조심해야한다. 약간의 tip을 주자면 html은 클래스 명과 같이 큰 따옴표가 자주 들어감으로 전체를 작은 따옴표를 묶어주는 것이 좋다. 영어 문장에 경우 어퍼스트로피(')가 작은 따옴표와 동일하게 사용되서 큰 따옴표로 묶어주는 것이 좋다. 백틱은 시작과 끝에 작성하여 묶는다 사이에 변수나 식처럼 문자열이 아닐 경..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) Number, Math 매서드 일상 생활의 숫자는 10진수이다. **이를 2진수나 16진수로 변경하는 방법이 있다.** let num1 = 10; num1.toString(); /* '10'*/ num1.toString(2); /*1010*/ let num2 = 255; num2.toString(16); /* 'ff'*/ 예시에서 보듯이 toString()매서드를 사용하면 문자열로 반환이 된다. 인수를 2나 16을 사용할 경우 변수의 숫자를 2진수. 16진수로 반환한다. Math 매서드 .PI..

이 글은 인프런에서 앙마코딩님의 무료 강좌를 학습한 내용입니다. (자바스크립트 중급 강좌) 문제 시 바로 삭제하겠습니다. 출처 [무료] 자바스크립트 중급 강좌 대시보드 - 인프런 | 강의 (inflearn.com) 생성자 함수 function Item(name, price){ /*this = {};*/ this.name = name; this.price = price; /*return this;*/ } const item1 = new Item('사과', 5000); const item2 = new Item('배', 7000); console.log(item1 , item2); /*값 :Item {name : '사과', price : 5000} , Item {na..