자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 현재 활동중인 자바스크립트엔진은 여러가지가 있으며, 가장 대중적으로 많이 사용되는 것이 구글 크롬의 V8엔진이다. (자바스크립트 엔진 더 보기)자바스크립트는 엔진 내에서 동작되며, 엔진의 실행환경을 '런타임'
함수\-함수 선언식함수 선언 -> function a() {} //동작 x호출 -> (); // 동작 oreturn(반환)이 있는 경우, 변수에 할당가능하다.새로운 변수를 함수로 지정할 때, 변수는 반환값을 가진다.hello() 앞에 f 가 붙어있음. hello 라는
객체괄호표기법이 유용한 상황동적인 파라미터를 전달받는 상황key값이 고정되어 있지 않은 상황 객체 프로퍼티를 추가, 수정할 수도 있다.const로 바꿔도 수정이 가능하다. 프로퍼티를 수정하는 행위는 상수 자체를 수정하는 게 아니기 때문이다.삭제도 가능하다. 함수 또한
배열배열 또한 자료형이 아무거나 들어가도 상관없다.배열 또한 객체로 형성되어 있다. 그래서 length와 같은 메소드를 활용할 수 있고 length는 아주 자주 쓰인다. 반복문for 문배열에 활용이 높음객체의 접근도 좋음
자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 현재 활동중인 자바스크립트엔진은 여러가지가 있으며, 가장 대중적으로 많이 사용되는 것이 구글 크롬의 V8엔진이다. (자바스크립트 엔진 더 보기) 자바스크립트는 엔진 내에서 동작되며, 엔진의 실행환경을 '런
var는 function scope(변수에 접근할 수 있는 범위)를 가지고 있는 변수 선언 방식이다.
비구조화 할당은 객체, 배열안의 값을 추출해서 변수, 상수에 바로 선언하는 문법 이다.위와 같이 객체를 a,b를 선언해줄 수 있지만, 양이 많아지면 비효율적이게 된다. 그래서 비구조화 할당을 사용한다.객체 안의 값을 쉽게 상수나 변수에 할당해주는 문법이다. 뿐만 아니라
this는 this가 실행되는 함수가 포함되어져 있는 객체를 지칭한다. 그래서 this가 bradley로 바뀌어도 전혀 상관없지만 bradley라는 이름은 충분히 바뀔 수 있는 데이터이기 때문에 this로 사용한다.(또한, 객체 데이터가 또 다른 객체에 할당될 수도 있
prototype에 대해 알아보자.위 코드를 보면 prototype을 이용해 user라는 함수에 getFullName이라는 함수를 지정해준 걸 볼 수 있다.그렇게 되면 console에 bradley와 rachael을 출력해보면, getFullName이라는 함수가 담겨
기능, 정리, 하고싶은 키워드 코드에 정리 스탑워치 회고팀: 이번주 본인이 한 일 리스트 -> 회고 이거했다 다음주는 이걸 할 거다
삼항연산자아래 코드를 한 번 보자.if문을 이용해 true 값을 출력하고 있다.너무 길다...!삼항연산자를 이용해서 짧게 써보자 :) 조건문을 파격적으로 줄여주었다.조건식 ? true일 때 출력값 : false일 때 출력값 배열을 이용해 조건문을 다시 한 번 만들어보자
spread연산자에 대해 배워보자.우선 쿠키들을 좀 만들어볼까나?벌써 반복되는 것들이 눈에 들어온다... ( base, madeIn..)이렇게 반복되는 것들을 없애기 위해 spread연산자를 사용해주면 좋다.cookie라는 상수는 모든 다른 종류의 쿠키에 공통적으로 들
JavaScript의 동작원리를 이해하기 위해선 동기 & 비동기에 대한 개념을 정확히 이해할 필요가 있다. 한번 제대로 알아보자.수행해야 할 작업이 3개가 있고, 작업 실행 순서가 다음과 같다고 가정해보자.동기적 방식일 떄 위 코드들이 어떻게 실행되는 지 확인해보자.&
콜백지옥을 아는가? 걱정마라 Promise가 있다. Promise는 자바스크립트의 비동기를 돕는 객체이다. 쉽고 빠르고 직관적이다. 먼저, 비동기 작업이 가질 수 있는 상태에 대해 알아보자. Pending는 현재 비동기가 진행중이거나, 작업이 시작할 수 없는 문제
Promise를 더 쉽고 가독성 좋게 쓸 수 있는 async와 await에 대해 알아보자. 먼저 async이다. 위의 함수는 일반적으로 우리가 아는 함수이고 아래에는 async 라는 키워드가 붙어있다. 그리고 그 함수에 마우스를 가져다 올려보면, Promise를 반환
API와 fetch를 알면 자바스크립트를 이용해 정말 많은 어플리케이션을 만들어낼 수 있다. 아주 설레는 부분이 아니지 않을 수 없다. API란 무엇일까? 위키에서는 다음과 같이 설명하고 있다. API란 응용 프로그램 프로그래밍 인터페이스(Application Pro
API는 "json placeholder" 라는 페이지를 이용했다. (데이터 출처)위와 같이, 데이터를 불러온다. (default는 get방식이다.)fetch를 이용해 url 데이터를 불러온다.then 메서드를 통해 응답값을 json형식으로 변환한다.then 메서드를
값(원시) 타입(value type) - 각각의 고유한 메모리를 소유참조 타입(reference type) - 생성된 인스턴스들은 주소값 공유원시 타입과 참조 타입의 가장 큰 차이점원본이 바뀌면 참조 타입은 복사본도 같이 변경되지만, 원시 타입은 변경되지 않는다.val
원본 배열 데이터 수정 메서드 새로운 배열 생성 메서드
(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 강의 참고)추천 참고 자료: https://ko.javascript.info/property-accessors
스코프란? 유효범위, 변수의 접근성과 생존 기간을 제어한다.참고자료(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)
(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)
(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)
(Prototype 파트를 읽고 오시면 이해가 더 쉽습니다.)(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)
(서브타입/슈퍼타입 파트를 보고오시면 이해가 쉽습니다.)(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)
(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)
(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)
(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 참고)