객체 기반의 스크립트 프로그래밍 언어이다.브라우저에서 사용하기 위한 언어이고 html에 웹의 동작(다양한 기능)을 구현할 수 있다.인터프리터 방식의 언어이다.주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수
객체(Object) 기반의 스크립트 프로그래밍 언어이다.인터프리터 언어이다.ECMAScript 사양을 준수하는 범용 스크립팅 언어이다.자바와 직접적인 연관은 없으며, 웹의 동적 동작을 구형한기 위해 제작하였다.JS의 역사 Mocha → LiveScript → JavaS
자바스크립트는 느슨한 타입 언어 혹은 동적 타입 언어로 변수의 자료형을 명시적으로 선언할 필요가 없는 언어이다.연산자로 인한 계산이나 변수에 전달되는 값은 자동으로 암묵적 형 변환 수행한다.강제적 형 변환을 위해서는 자료형 함수를 이용해 명시적 형 변환을 수행한다.1)
자바스크립트에서 일반적인 숫자는 64비트 형식의 IEEE-754 표준 기반 형태로 저장되는 자료형이다.10진수 외에도 16진수, 2진수, 8진수의 다양한 진수를 사용할 수 있다.16진수 표시 : 0xFF8진수 : 0o712진수 : 0b11011) 대표 상수값MAX /
여러 개체(Entity)값을 순차적으로 나열한 자료 구조이다.배열 내 값을 요소(element)라고 하며, 배열 요소는 index로 접근한다.선언은 new Array() 혹은 \[]로 한다.1) 배열 크기Array.length : 배열의 크기를 출력한다.2) 배열 타입
객체(Object)는 다수의 원시 자료형을 포함하거나 개체(entity)를 표현할 수 있는 자료형이다.키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다.객체는 new Object() 혹은 중괄호 {}를 통해 생성한다.object의 개체는
함수(function)는 다수의 명령문을 코드 블록으로 감싸고, 하나의 실행 단위로 만든 코드의 집합이다.유사한 동작을 하는 코드를 하나로 묶어 범용성을 학대시킨 블록 코드이다.함수는 정의 부분과 호출부분으로 구성한다. 함수는 가급적 한가지 일만 하며, 매개변수는 최대
메서드는 객체가 가지고 있는 동작을 의미한다. 즉, 객체에 저장된 값이 함수인 경우, 이를 메서드(Method)라고 부른다.메서드는 다양한 방법으로 만들 수 있다.이렇게 객체를 생성할 때 객체에 value에 지정하여 메서드를 만들 수 있고,따로 key값을 입력하지 않고
this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-reference variable)이다.인스턴스는 클래스의 속성과 메서드를 담고 있는 객체이다. 클래스로 만든 객체가 인스턴스라고 생각하면 쉽다.this는 메서드에서 객체 내부
유사한 객체를 다중으로 만들 때 사용되는 함수이다. (타 언어에서의 class 개념과 유사)일반적으로 생성자 함수의 첫 글자는 대문자로 시작한다.생성자 함수로 객체 생성 시 new 연산자를 통해 객체를 생성한다.new target 속성(property)을 사용하여 ne
collection은 구조 혹은 비구조화 형태로 프로그래밍 언어가 제공하는 값을 담을 수 있는 공간을 뜻한다.자바스크립트에서 제공하는 collection은 크게 두가지로 나뉜다.1) indexed Collection → Array, typed Array2) keyed
표준 Built-in 객체로써 날짜와 시간을 위한 속성값과 메서드를 제공하는 객체이다.Date객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값으로 표현한다.Date 객체 생성자 - new Date()Date 객체를 사용하
객체의 원래 상태같은 생성자로부터 생성된 객체는 프로토타입을 공유한다 (= 메모리 절약)우리는 작업을 하면서 적으면 한 개, 많으면 몇십개의 배열, 객체 등을 생성을 한다. 이렇게 객체를 생성하게 되면 우리는 메서드들로 객체 접근, 조작을 할 수 있게 되는데 이 접근,
Ajax를 알기 전에 HTTP 통신에 대해 알아보자.Hyper Text Transfer ProtocolHTML, 데이터(동영상, 음성, 파일) 등을 주고 받기 위한 규약이다.웹 동작 원리Asynchronous Javascript and XML의 약자자바스크립트를 이용해
시스템에서 일어나는 사건이다.웹페이지에서 사용자가 어떠한 행동을 취했을 때 생기는 사건이다.ex) 버튼을 눌렀을 때 이벤트가 발생한다. (= 클릭 이벤트가 발생한다.)1) click / doubleclick : 클릭 / 더블 클릭2) mousedown : 마우스를 눌렀
✅ Class란? 객체를 생성하기 위한 템플릿 객체를 생성하기 위한 틀이지 객체는 아니다. 클래스 안에 데이터는 존재하지 않는다. 메모리에 올라가지 않는다. ❓ Class 생성 방법 클래스를 사용할 때는 this를 정말 많이 사용한다. 따라서, this에 대해 잘
웹 개발을 하면서 비동기는 꼭 알아야한다고 생각한다. 이런 생각이 든 이유는 지금까지 개발을 하면서 비동기 처리를 많이 했었는데 예를 들면, 게시판이 아마 대표적인 예시이지 않을까 싶다. 비동기처리는 JQuery에 Ajax로만 사용했었는데 강의를 들으면서 여러가지 비
자바스크립트로 코드를 작성하다보면 여러가지 함수를 만들게 된다. 이 함수들은 하나의 기능을 만들기 위해 사용이 되거나 계산을 하기 위해 사용이 되거나 등등 다양한 방법으로 사용이 된다. 하지만 하나의 파일에서 계속 작성하다보면 코드가 너무 길어지고 그렇게 되면 코드를
문서 객체 모델(Document Object Model)은 HTML, XML 문서의 프로그래밍 interface이다.이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다.웹 페이지는 일종의 문서(document)이다. 이 문서는 웹
일단 자바스크립트 엔진에 대해 알아가기전에 실행 컨텍스트(Execution Context)에 대해 먼저 알아야 한다. 그 이유는 자바스크립트는 기본적으로 실행 컨텍스트를 만들고 변수, 함수, 코드들을 실행 컨텍스트에 저장하여 코드를 실행하기 때문이다. 실행 컨텍스트를
클로저는 내가 scope에 대해 알고 있다 보니 그렇게 어렵게 느껴지지는 않았다.클로저에 대해 알아보자 !클로저는 함수와 함수가 선언된 어휘적 환경(Lexical scoping)의 조합이다.쉽게 설명하면 클로저는 외부함수의 변수에 접근할 수 있는 내부 함수를 말한다.클