프로그래밍 언어를 이용해 구체적인 컴퓨터 프로그램으로 구현하는 기술다양한 값을 담을 수 있는 박스와 같은 컨테이너값의 연산을 위해 사용되는 부호= 할당 연산자, == 비교 연산자, + 산술 연산자, & 비트 연산자, && 논리 연산자특정 작업을 위한 명령으로 프로그래밍
document.getElementById('???').???='???';ex) 폰트 색상을 바꿀때document.getElementById('hello').style.color = 'green';작명 할 땐 띄어쓰기 X자바스크립트는 html 조작하는 언어라고 했습니다
자바스크립트에서 변수 선언은 호이스팅으로 인해 선언 → 초기화 단계를 거쳐 수행된다.선언 단계: 변수명을 등록하여 자바스크립트 엔진에 변수의 존재를 알린다.초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화한다.var
더 이상 나눌 수 없는 값.더 이상 평가될 수 없는 하나의 식으로 자료형을 간단한 이루는 값object를 제외한 모든 값은 변경 불가능한 값(immutable value)이다. 소수점 반올림 : toFixed()8번째 줄은 숫자가 아니므로 NaN 다수의 원시 자료형을
중괄호 {}를 사용한다.egoing을 불러오는 법coworkers.programmer객체 추가하는 법coworkers.\~\~~ = "\~\~~";객체를 추가할 때 띄어쓰기를 포함해서 넣고 싶다coworkers\["\~~ \~\~~"] = "\~~";
만약 new.taget이 false 값이라면(new가 안붙여있다면), 그것을 new User(name)으로 바꿔 반환해라. 라는 뜻
자바스크립트는 부동소수점 방식을 이용한다.떠돌이 소수점이라고도 한다.IEEE 754 표준을 사용한다.인간은 10진수를 사용하지만 컴퓨터는 아니다. 때문에 부동소수점 표기방식을 이용하여 컴퓨터가 알아듣도록 바꿔주는 정규화 과정이 이루어진다.몇 번째 글자가 뭔지 알고 싶을
변수 유효 범위Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있습니다.즉, 스코프(Scope)란 ‘변수에 접근할 수 있는 범위’라고 할 수 있는데요.var : 함수단위 스코프let, const : 블럭단위 스코프라고 되어있을 경우,
명령, 흐름을 제어한다.if 안에 있는 조건식이 참인 경우 해당하는 if문, else if문을 실행 한다.조건문(if, else if)에 모두 해당하지 않으면 else에 있는 statement3 이 실행된다.else if에는 갯수 제한이 따로 없다.조건식 거짓으로 취급
자바스크립트에서 함수의 정의는 function 키워드로 시작되며, 다음과 같은 구성요소를 가집니다.함수의 이름괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter)중괄호({})로 둘러싸인 자바스크립트 실행문ex)function addNum(x, y) {
함수가 메소드를 아우르는 포괄적인 용어이다.함수는 객체로부터 독립적이며, 메소드는 객체에 종속적이다.메소드는 거의 모든 면에서 함수와 동일하지만, 아래의 2가지 포인트에서 다른 점이 있다.메소드는 호출된 객체에 암시적으로 전달된다.메소드는 클래스 안에 있는 data를
Number
배열이란 하나의 변수명 아래에 데이터 아이템의 리스트를 저장하는 간편한 방법입니다.대괄호 \[] 를 사용한다push : 배열 마지막에 추가unshift : 배열 첫번째에 추가
sort함수만 callback가능x-y; > 0 이면 서로의 자리를 바꾸게 되면서 작은 값이 앞으로 오게 된다.y-x; > 0 이면 서로의 자리를 바꾸게 되면서 큰 값이 앞으로 오게 된다.
Math 최대/최소/절대값 속성 및 랜덤 제곱/제곱근/소수점 처리
문서 객체 모델(Document Object Model)HTML, XML 문서에 접근하기 위한 일종의 interface 이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.넓은 의미로 웹 브라우저가 HTML 페이지를 인식하
스크립트나 함수 시작 부분에 위 지시어 추가.스크립트 시작에 추가되면 전역범위에 영향 미침.함수 안에 추가되면 함수 안 (= 로컬)에서만 미침.ECMAScript 5 버전에서 추가됨. 이전 JS 버전에서는 무시됨.구문이 아니라 엄격모드로 실행되야 함을 알리는 지시어 (
h2Element, pElement라는 변수를 만들고innerText를 사용하여 변수 값을 바꾸는 함수 replaceH2Text를 생성하였다. 'h2' 'p'를 클릭했을 때 replaceH2Text를 작동할 수 있도록 addEventlistener를 넣은 것이다.'h2
AJAX란? > AJAX란 비동기 자바스크립트와 XML (Asynchronous JavaScript And XML)을 말합니다. Asynchronous JavaScript + XML(AJAX)은 그 자체가 특정 기술은 아닙니다. 2005년 Jesse James Garr
JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 또한 엄격 모드와 비엄격 모드에서도 일부 차이가 있습니다.ES5는 함수를 어떻게 호출했는지 상관하지 않고 this 값을 설정할 수 있는 bind 메서드를 도입했고, ES2015는 스스
Java, C++과 같은 클래스 기반 객체지향 프로그래밍 언어와 달리 자바스크립트는 프로토타입 기반 객체지향 프로그래밍 언어이다. 클래스(Class)라는 것을 한 번쯤은 들어보셨을겁니다. Java, Python, Ruby등 객체지향언어에서 빠질 수 없는 개념이죠. 그런
class 선언은 프로토타입 기반 상속을 사용하여, 주어진 이름의 새로운 클래스를 만듭니다.Class는 객체를 생성하기 위한 템플릿입니다.
클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다.자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 아래의 예제를 보자
동기는 요청 후 응답을 받아야 다음 동작을 실행하는 방식을 말하며비동기는 요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식이다.자바스크립트는 단일 스레드 프로그래밍 언어로 단일 호출 스택이 있어 한 번에 하나의 일을 처리할 수 있다. 그러므로 자바스크립트는 동
✔이벤트의 3단계그렇다면 버블링과 캡쳐링이 함께 일어날 수도 있을까? 이벤트가 특정 엘리먼트(타겟 엘리먼트) 에 일어날 경우 해당 이벤트는 3단계를 거친다.1단계 - 캡쳐링 단계 : window 부터 타겟 엘리먼트까지 이벤트가 아래로 전달된다.2단계 - 타겟 단계 :
🍓 구현 과정(consol.log "끝"이 출력되기전에 setTimeout"중간"의 타임아웃이 먼저 끝나 callback queue로 간다고 가정)call stack에 consol.log "시작"이 들어감과 동시에 출력setTimeout"중간"이 call stack에