자바스크립트기초

HTML과 JS의 만남 : script 태그자바스크립트를 넣는 방법JS는 동적이다HTML은 정적이다HTML과 JS의 만남 : 이벤트onclick = 클릭했을 때onchange = 변경되고 포커스를 잃을 때onkeydown = 키를 눌렀을 때 발생, 물리적인 키에 반응데

목적 : 프로그래밍은 반복되고 짜치는 것ㅁ들에서 우리를 해방시켜주는데, 이 조건문을 사용하게 되면 복잡한 것들까지도 자동화를 시킬 수 있게 된다조건문이란 ? 하나의 프로그램이 하나의 흐름으로 가는 것이 아니라 조건에 따라 다른 순서의 기능이 실행되도록 하는 것=== :

함수라는 기반에서 객체가 존재한다.배열은 대괄호, 객체는 중괄호var coworkers = {"programmer" : "egoing"}접근하기 ex) coworkers.programmer객체 추가하기 ex) coworkers.bookkeeper = "duru";공백

문서 객체 모델 : 객체 지향 모델로써 구조화된 문서를 표현하는 방식DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스Dom은 문서의 구조화된 표현 (structrued represeintation)을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변

자바스크립트에서 html 요소를 선택하는 메소드는 다음과 같다다음은 요소를 모두 선택하여 배열로 반환합니다.

HTML DOM에서 정보를 저장하는 계층적 당위노드 트리는 노드들의 집합으로, 노드 간의 관계를 나타낸다.자바스크립트에서는 HTML DOM을 이용하여 노드트리에 포함된 모든 노드에 접근할 수 있다.문서 노드(document node) : HTML문서 전체를 나타내는 노

웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있다.발생한 이벤트의 종류 (폼, 키보드, 마우스, HTML DOM, Window 객체 등)이벤트가 발생했을 때 그 처리를 담당하는 함수지정된 이벤트가

<초기화 하는 것들>this : window 변수들(Variable Object) : {}Scope chain : \[]자바스크립트 엔진은 코드가 없어도 실행 환경(실행 컨텍스트)을 초기화한다.스코프(scope)는 코드가 현재 실행되는 환경, 맥락(context)

실행 컨텍스트 혹은 실행 맥락은, 자바스크립트 코드가 실행되는 환경.코드에서 참조하는 변수, 객체(함수 포함), this 등에 대한 레퍼런스가 있다.실행 컨텍스트는 전역에서 시작해, 함수가 호출될 때 스택에 쌓이게 된다.자바스크립트가 실행될 때 전역 실행 컨텍스트(Gl

함수가 호출되는 상황은 4가지가 있다.함수 호출 - 함수를 직접 호출한다.메서드 호출 - 객체의 메서드를 호출한다.생성자 호출 - 생성자 함수를 호출한다.간접 호출 - call, apply 등으로 함수를 간접 호출한다.그 외 콜백 함수의 호출이 있다.콜백 함수는 특정

일급 객체란, 다른 변수처럼 대상을 다룰 수 있는 것을 말한다.자바스크립트에서 함수는 일급 객체이다.즉, 자바스크립트에서 함수는 변수처럼 다룰 수 있다.자바스크립트 클로저는, 함수의 일급 객체 성질을 이용한다.함수가 생성될 때, 함수 내부에서 사용되는 변수들이 외부에서

자바스크립트는 다른 멀티스레드 프로그래밍 언어와 다른 방식으로 비동기 동작을 처리한다.처음 자바스크립트를 접하는 경우, 동작에 대한 정확한 이해가 없으면 코드의 흐름을 따라가기 어렵다.자바스크립트 내부의 비동기 동작을 이해하기 위해서는 이벤트 루프 등의 개념을 알아야만

자바스크립트 엔진은 비동기 처리를 제공하지 않는다.대신, 비동기 코드는 정해진 함수를 제공하여 활용할 수 있다.이 함수들을 API라 한다.비동기 API의 예시로, setTimeout, XMLHttpRequest, fetch 등의 Web API가 있다.node.js의 경

Promise API는 비동기 API 중 하나이다.태스크 큐가 아닌 잡 큐(JOB queue, 혹은 microtask queue)를 사용한다.잡 큐는 태스크 큐보다 우선 순위가 높다\-> 프로미스 처리가 셋타임 보다 앞선다.비동기 작업을 표현하는 자바스크립트 객체비동기

Promise를 활용한 비동기 코드를 간결하게 작성하는 문법async / await 문법으로 비동기 코드를 동기 코드처럼 간결하게 작성할 수 있다.async 함수와 await 키워드를 이용한다.await 키워드는 반드시 async 함수 안에서만 사용해야 한다.async