자바스크립트 엔진이 브라우저에서 런타임(=동작)하면서코드를 한줄씩 읽어나감(= 인터프리터)컴파일러 : 인터프리터와 반대되는 개념,실행하기 전 모든 코드를 컴파일링한다(= 해석가능한 언어로 읽어나감)IE: chakrachrome, Edge, node.js : V8safa
4강 변수란? 💡
값은 표현식이 평가되어 생성된 결과를 말한다.프로그래밍을 구성하는 가장 기본 단위이자 최소 실행 단위문은 여러 토큰으로 구성된다.토큰은 문법적으로 더이상 나눌 수 없는 코드의 기본 요소를 의미예를들어 키워드,식별자,연산자,리터럴,세미콜론,마침표 등 더하기 연산자 주의점
코드의 순서, 흐름을 어떻게 제어할까 ? 조건문 Conditional Statement 💡if else if else if else if ... else 💡switch 💡삼항 조건 연산자 반복문 Loop Statement 💡for 💡while 💡for
함수, 프로그래밍의 시작 💡함수의 정의와 호출 함수의 정의 3가지 방식 함수 선언문 함수 표현식 funtion 생성자 함수 💡1.함수 선언문 funtion키워드 함수명 (매개변수(=인자)) { return키워드 값반환 표현식; }; funtion add(a,
자바스크립트를 이루고 있는 '모든 것'\*키(key) : 값(value)로 구성된 프로퍼티들의 집합프로퍼티 : 객체의 데이터메소드란 : 객체의 데이터를 참조하고 조작하는 동작객체지향의 상속을 구현하기 위해 '프로토타입'이라고 불리는 객체의 프로퍼티와 메소드를 상속받는다
객체를 손쉽게 만들 수 있는 템플릿 객체class 키워드 사용생성자 함수와 마찬가지로 함수명은 파스칼 케이스 사용표현식으로도 클래스를 정의할 수 있다.new연산자와 함께 클래스 이름을 호출하면 클래스의 인스턴스가 생성된다.constructor 는 인스턴스를 생성한다클래
브라우저 런타임 환경이라면 호스트객체 브라우저 api 노드환경 런타임이라면 호스트객체 노드 api 가 되는것
자바스크립트는 크게 3개의 객체로 나뉜다 네이티브 객체 = 빌트인객체 = 글로벌 객체 Native objects = Built-in objects = Global Objects ECMAScript 명세에 정의된 객체를 말한다. 애플리케이션 전역의 공통 기능 제공 Ob
배열 고차함수 고차함수란 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수 ✏️ sort( ) 배열의 요소를 적절하게 정렬 원본배열 직접 변경하여 정렬된 배열 반환 🔒 forEach( ) 🔒 find( ) 🔒 findIndex( ) 🔒 some( ) 🔒
ES6에서 도입된 이터레이션 프로토콜은 데이터 컬렉션을 순회하기 위한 프로토콜(=미리 약속된 규칙)이터레이션 프로토콜을 준수한 객체: for ...of문: Spread 문법의 피연산자이터러블 프로토콜 , 이터레이션 프로토콜 두 가지가 있다.\[Symbol.iterato
제너레이터 Generator 제너레이터 함수는 이터러블을 생성하는 함수 * 키워드를 붙여 선언 yield 문 : 하나 이상의 키워드를 사용한 기준으로 반환한다 이터레이션 프로토콜을 준수한 방식보다 간편하게 이터러블 구현 가능 비동기 처리에서 유용 제너레이터는 이터러블
(...Iterable) Spread 연산자, 전개구문모든 Iterable은 Spread 될 수 있다순회가 가능한 모든 것들은 촤르르르륵 펼쳐 질 수 있다Spread 문법을 사용하면 유사 배열 객체(Array-like Object)를 배열로 손쉽게 변환할 수 있다.fu
Map ( ) 은 key-value 쌍으로 이루어진 컬렉션, 객체와 유사함key를 사용하여 value를 get, set 할 수 있다key 중복 불가능 : 하나의 key에 하나의 value만sizeset(key,value)반환값 : 맵의 참조 주소get(key)반환값 :
&& 전자가 true이면 후자를 할당|| 먼저 true 인것을 바로 할당활용 예조건이 truthy 일때 && 무언가를 해야할 경우조건이 falshy 일때 || 무언가를 해야할 경우?.null 또는 undefined 확인할 때?? : null, undefined||: f
애플리케이션을 구상하는 개별적 요소로서 재사용 가능한 코드 조각세부사항을 캡슐화 및 공개가 필요한 API만을 외부에 노출모듈은 파일 단위로 분리명시적으로 모듈을 로드하여 재사용즉, 분리되다가도 로드에 의해 애플리케이션의 일원이 됨개발 효율성과 유지보수성을 높인다.자바스
Ajax (Asynchronous Javascript and XML) 브라우저에서 웹페이지를 요청하거나 링크를 클릭하면 브라우저와 서버와의 통신에 의해 화면 갱신이 발생한다. * 전통적인 방식 * 서버는 요청 받은 페이지를 반환하는데 이 때 CSS,JS 파일들도 같
URI는 정보의 자원을 표현해야 한다.: 리소스명은 동사보다 명사 사용자원에 대한 행위는 HTTP Method (GET,POST,PUT,DELETE)등으로 표현GET : index,retrieve / payload X / 모든, 특정 리소스 조회POST : create
프로미스란? ES6에서 비동기 처리르 위한 또 다른 패턴으로 전통적인 콜백패턴이 가진 담점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있는 장점을 가지고 있다. 콜백 패턴의 단점 - 콜백 헬 동기식 처리 모델 Synchronous processing model
함수 앞에 async 예약어 붙이기함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await 붙이기주의‼️ 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한대로 동작함일반적으로 await 의 대상이 되는 비동기 처리 코드는 Axio