Topic

자바스크립트

A collection of 197 posts
자바스크립트

[javascript] 클래스(Class)의 이해

클래스(Class) 는 ES6부터 자바스크립트에 도입된 기능입니다. 클래스는 새로운 종류의 객체를 만드는 구조를 제공합니다. 배열 객체는 배열 데이터를 처리하기 위한 속성과 메서드를 제공하고, 배열 데이터를 내부에 가지고 있습니다. 쇼핑몰을 구현하는 경우라면 장바구니 객체를 이용해 장바구니의 상품 목록을 관리하고, 장바구니의 상품 갯수, 합계를 표시하는 기능을 생각할 수 있습니다. 갯수와 합계는 프로퍼티
7 min read
자바스크립트

변수 선언자 var 의 스코프와 스코프 체인

자바스크립트의 변수 선언 방식은 기존 사용하던 var 와 ES6에서 새로 도입된 let 2가지가 있습니다. 새로운 표준이기 때문에 let 사용을 권장하지만, 사용 방식에 따라서는 var가 더 유리한 경우도 있고, 아직 여전히 var를 많이 사용합니다. var는 개념상 단순하고, 함수 안에 정의한 변수의 경우 함수 안에서는 전역으로 사용하기 때문에 함수의 선언에 대해 고민하지
4 min read
자바스크립트

변수와 상수의 이해 var, let, const

자바스크립트에서 변수, 또는 상수를 선언하는 방법은 3가지입니다. ES5까지 사용하던 구 변수 선언 방식인 var, 그리고 ES6에서 새롭게 추가된 let과 const 가 있습니다. ES5까지 자바스크립트에는 상수 선언이 없었습니다. ES6에 와서 const 라는 상수 선언자가 새롭게 생겼습니다. 상수는 모두가 아는데로 초기화 후에는 값을 변경할 수 없습니다. 변수를 선언하는 방법은 var 와 let
6 min read
자바스크립트

함수 파라메터의 이해

파라메터와 인자 파라메터는 함수 정의 시점에 정의하는 변수로 넘겨받는 값들을 담기 위한 함수 내부 사용을 위한 변수입니다. 파라메터 갯수는 기본적으로 함수 선언 시점에 정해지지만, 나머지 파라메터를 사용할 경우 추가적인 가변 변수를 사용할 수 있어, 사실상 파라메터 갯수에 제한을 없앨 수 있습니다. 인자는 실제 함수를 호출하는 시점에 함수 호출과 함께 함수로
6 min read
자바스크립트

에러 발생과 예외 처리

작성한 코드를 실행하다보면 필연적으로 에러가 발생하게 됩니다. 에러가 발생하면 코드의 실행이 멈추고 에러메시지가 콘솔에 표시됩니다. 에러가 발생하는 원인은 여러가지가 있습니다.  친절하게 에러메시지로 원인을 알려주는 오타나 코드 오류같은 단순 오류들 부터, 원인을 알 수 없는 모호하거나 심각한 에러들까지 다양합니다. 어떤 경우에는 에러메시지 없이 코드 실행이 중단되거나, 웹브라우저가 멈추기도 합니다. 주로 메모리
7 min read
자바스크립트

함수의 이해

자바스크립트는 함수형 언어입니다. 구현하는 기능들은 모두 함수를 통해 구현됩니다. 함수의 구조 함수는 function 함수이름 (파라메터){ 실행영역 } 형태를 가집니다. 함수는 총 4개의 영역으로 구분되고, 각 영역의 기능은 다음과 같습니다. 영역 설명 function 함수임을 표시하는 고정 키워드입니다. 함수이름 함수를 호출할 때 사용하는 명칭입니다. 함수 이름 없이 사용하는 익명 함수도 있기 때문에 경우에
5 min read
자바스크립트

javascript 객체의 property 속성과 객체의 단축 속성, 단축 메서드, 계산된 속성

ES6부터 새롭게 지원하는 객체의 새로운 표기법 3가지 있습니다. 객체의 접근 및 제어를 단순화해주는 표기법으로 코드 작성량을 줄이는데 도움이 되는 기능입니다. 다만 웹브라우저 호환성 문제가 있을 수 있기 때문에 주의해야하며, 브라우저간 호환성이 필요한 경우 사용을 피해야 합니다. 주의할 점 이 표기법들은 크롬과 파이어폭스에서만 제대로 지원됩니다. 일부 데스크탑용 브라우저와 대부분의 모바일 브라우저에서는
3 min read
자바스크립트

객체의 이해

자바스크립트는 데이터 저장을 위해 원시자료형과 객체 2가지 종류의 자료형을 사용합니다. 숫자나 문자열 같은 단일한 데이터를 저장하는 원시자료형은 자바스크립트 안에서 사용하는 기본적인 데이터 저장소지만, 우리가 사는 실제 세상의 데이터들은 이런 원시자료형으로는 다 담을 수가 없습니다. 불가능한 것은 아니고 담을 수도 있기는 하겠지만, 수백개의 변수를 선언해야 할 수도 있습니다. 자바스크립트의 주무대인 웹에서
5 min read
자바스크립트

자료형의 변환

자료형의 변환, 또는 형변환이라고 합니다. 자바스크립트는 원시 내장 데이터 타입 간의 변환, 또는 숫자형의 정수, 실수 변환을 지원합니다. 특히, 자바스크립트는 숫자를 표현하는 원시 자료형이 숫자(Number) 1개만 있기 때문에, 실수, 또는 정수형 연산을 해야하는 경우 명시적으로 변환을 해야 연산 결과의 오차를 피할 수 있습니다. 자바스크립트는 다른 자료형 간의 연산을 할
5 min read
자바스크립트

연산자 기초

자바스크립트의 연산자는 크게 5가지 타입의 연산자로 구분합니다. 산술, 비교, 논리, 삼항, 비트 연산자 5가이며, 비트 연산자를 제외한 나머지 4가지는 기초 중의 기초이므로 꼭 상세 부분까지 알아두는 것이 좋습니다. 산술 연산자 더하기(+), 빼기(-), 곱하기(*), 나누기(/) 의 사칙 연산을 하는 연산자를 말합니다. 문자열의 경의 더하기 연산자를 사용할 수 있습니다. 그 외에
9 min read