자바스크립트 중급 - 인프런 - 코딩앙마

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다. 변수 let const 는 ES6 부터 생긴 것입니다. 이전에는 var 를 사용했습니다. var 는 let 과 크게 다르지 않습니다. 다른 점이 있다면 var 는 한번 선언된 변수를 다시 선언할

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.아래처럼 객체를 만드는 것을 객체 리터럴이라고 합니다.비슷한 객체를 여러개 만들 때는 생성자 함수를 사용하면 좋습니다. 보통 첫글자를 대문자로 하고 함수를 실행할 때 new 를 붙입니다.value 에

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.계산된 프로퍼티는 아래와 같습니다.변수에 할당된 값을 객체의 key 로 넣을 수 있습니다. 아래 처럼 식 자체를 넣는 것도 가능합니다.아래와 같이 key 값이 바뀌는 객체를 만들 때 유용합니다.아래

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.객체 프로퍼티의 key 는 문자형으로 가져오고, 문자형으로 호출합니다.심볼 Symbol 은 유일한 식별자를 만들 때 사용합니다. Symbol 은 유일성이 보장됩니다. 전체 코드 중 딱 하나만 존재합니

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.실생활에서 사용하는 숫자는 10진수 인데 개발에서는 2진수나 16진수(색상표현)을 쓸 일이 있습니다. 그럴 때 toString() 을 사용합니다.수학과 관련한 프로퍼티와 메소드를 가진 Math 함수를

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.문자열 string 은 작은 따옴표, 큰따옴표, 백틱으로 묶어줍니다.배열에서 요소의 갯수를 확인하듯이 문자열도 문자의 갯수를 확인할 수 있습니다. 가입할 때 아이디나 비밀번호를 몇자 이상, 이하로 체

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.arr.splice(n, m) 는 배열의 특정 요소를 지워줍니다. 인덱스 n 부터 시작해서 m 개를 지우라고 할 수 있습니다.arr.splice(n, m, x) 로 특정 요소를 지운 자리에 x 를 추

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.arr.sort() 은 배열을 재정렬 합니다. 기존 배열 자체가 변경되니 주의해야 합니다.현업에서는 이런 방법보다 Lodash 라는 라이브러리를 많이 사용합니다.arr.reduce() 은 인수로 함수

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.구조 분해 할당은 배열이나 객체 속성을 분해해서 그 값을 변수에 담아주는 표현식입니다.문자열에서 배열을 뽑아주는 split 을 활용한다면,해당하는 값이 없다면 undefined 가 들어갑니다. 그래서

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.매개변수가 하나인데 인수가 2개인 함수를 작성해도 에러는 발생하지 않습니다. 함수에 넘겨주는 인수의 갯수는 제약이 없습니다.함수에서 인수를 얻는 방법은 두가지 입니다. 하나는 arguments 를 쓰

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.자바스크립트는 어휘적 환경(Lexical Environment)을 갖습니다.위 상황에서 one 변수와 addOne 함수는 선언과 동시에 어휘적 환경으로 호이스팅 됩니다. 대신 변수는 초기화가 안된 상

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.setTimeout 은 일정 시간이 지난 후 함수를 실행시키고 setInterval 은 일정 시간 간격으로 함수를 반복합니다.위 코드는 아래처럼 써도 됩니다. 함수를 전달하지 않고 직접 코드를 넣어도

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.함수 호출 방식과 관계없이 this 를 지정할 수 있습니다. call 메소드는 모든 함수에서 사용할 수 있고 this 를 특정 값으로 지정할 수 있습니다.생년과 직업이란 객체 정보를 받아서 업데이트

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.객체는 hasOwnProperty 메소드로 자신이 프로퍼티를 가지고 있는지 확인할 수 있습니다.hasOwnProperty 라는 메소드는 proto 라는 객체에 담겨 있고, 이를 프로토타입이라고 합니다

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다. 비슷한 형태의 객체를 만들기 위해 생성자 함수를 사용했습니다.

인프런 강의 자바스크립트 중급 - 코딩앙마 를 듣고 정리한 내용입니다.Promise 를 사용하면 뭔가를 요청할 때 동작 여부를 알려달라고 하고 자리를 비울 수 있습니다. 아래처럼 작성합니다.이렇게 어떤 일이 완료되었을 때 실행하는 함수를 callback 함수라고 합니다