Topic

자바스크립트

A collection of 197 posts
자바스크립트

템플릿 리터럴의 기초

구 표준인 ES6에서 템플릿 문자열(Template String)으로 사용되었으며, 개정된 표준에서는 템플릿 리터럴(Template Literal) 로 사용합니다. 같은 의미이며, 사용법도 동일합니다. 리터럴 표기를 표준으로 사용하면서 용어가 바뀐 것입니다. 자바스크립트 만으로 동적인 웹페이지를 생성할 수 있는 중요한 기능의 하나입니다. 문자열을 템플릿화해서, 배열이나 객체 데이터들을 갈아끼울 수 있는 구조를 언어 상에서 지원합니다.
9 min read
자바스크립트

Null, Undefined, 0

자바스크립트에서 변수에 값이 할당되지 않은 것을 표현하는 방법은 2가지입니다. 널(Null) 이라고 부르는 이 원시형 타입은 자바스크립트에서는 변수가 빈값으로 초기화가 된 상태임을 표시합니다. 다른 개발 언어에서는 초기화 조차 되지 않은 상태를 의미기도 하기 때문에 다른 언어에 경험이 있는 경우 혼동할 수 있습니다. 언디파인드(Undefined) 는 변수가 정의되지 않은 것입니다. 선언되지
4 min read
자바스크립트

원시형 데이터 타입과 참조형 데이터 타입의 이해

자바스크립트는 다른 언어와 달리 내장 자료형이 많지 않습니다. 간결한 만큼 개념도 복잡하지 않고 이해하기도 쉽습니다. 자바스크립트의 데이터 타입은 크게 원시형 데이터 타입과 참조형 데이터 타입으로 나눕니다. 원시형은 숫자형(Number), 불리언형(Boolean), 문자형(String), 심볼형(Symbol), null, undefined 이렇게 6개가 있습니다. 원시형을 제외한 나머지 모든 자료형은 글로벌 객체에서 파생되기 때문에 참조형
4 min read
자바스크립트

javascript 날짜 표시와 변환

자바스크립트에서 날짜는 날짜 객체를 생성해서 얻습니다. 생성한 날짜 객체의 메서드를 이용해 현재 시간에 대한 다양한 타입의 정보를 얻을 수 있습니다. 날짜 객체를 생성할 때 파라메터로 날짜 정보를 넘기면 파라메터로 넘긴 날짜 정보값으로 객체가 생성됩니다. 날짜 객체는 1970년 1월 1일 UTC(국제표준시) 00:00 부터 경과한 시간을 밀리세컨드로 나타내는 유닉스 타임스템프를
6 min read
자바스크립트

숫자 표시와 변환

자바스크립트는 원시 자료형 중 하나로 "숫자(Number)" 자료형을 제공합니다. 자바스크립트의 숫자형은 134 -1508 0.27 2.344e6 과 같은 모든 숫자 표현을 말합니다. 다른 개발 언어의 정수형, 실수형, 부호없는 정수형 과 같은 세세한 숫자형의 구분 방식과 달리 자료형이 1개만 있습니다. 자바스크립트의 숫자형은 내부적으로 부호가 있는 64비트 부동소수점으로 저장됩니다. 비트 자리수
8 min read
자바스크립트

[javascript] 배열 요소를 추출하기

배열 요소, 또는 일부를 가져와 사용할 필요가 있는 경우 사용하는 배열 요소 추출 메서드들에 대해 알아봅니다. 원본 배열의 요소를 제거하고 반환하는 메서드들도 있으므로 사용시 주의해야 합니다. 앞에서 하나씩 추출하기 shift() 메서드를 사용합니다.  한번에 1개의 요소를 배열 앞에서 추출하며, 가져온 요소는 원본 배열에서 삭제됩니다. const str1 = ['펭수', '라이언', '어피치']; shiftret = str1.
3 min read
자바스크립트

[javascript] 2차원 배열과 다차원 배열 그리고 중첩 배열

자바스크립트는 내장된 데이터 타입으로 다차원 배열을 제공하지 않습니다.  모든 배열은 1차원 배열입니다.  자바스크립트에서는 모든 것이 객체이기 때문에, 배열의 각 요소를 다시 배열로 정의해 중첩하는 식으로 다차원 배열을 구현하게 됩니다. 배열 안에 다시 배열이 들어있는 경우 중첩 배열이 되고, 2차원 배열은 배열 안에 배열이 1번만 더 나오는 경우가 됩니다. 배열 안의
8 min read
자바스크립트

[javascript] 배열의 기초

자바스크립트는 내장 배열 타입을 지원합니다. 배열 관련 메서드와 속성이 방대하기 때문에 자바스크립트를 잘 쓰려면 기본적인 속성과 메서드 정도는 알고 있어야 합니다. 배열의 생성 let arr = []; 배열은 꺽쇠 괄호 2개로 빈 배열을 정의합니다. 리터럴 대입으로 arr 변수는 배열이 되며, 배열 속성과 메서드를 사용할 수 있게 됩니다. console.log(arr.length); 로
2 min read
자바스크립트

[javascript] 배열의 누적 합을 구하기

forEach() 같은 배열 순환 메서드를 이용해 콜백 함수를 작성하면 배열 요소의 합계를 구할 수 있지만 자바스크립트에는 배열의 누적 합계를 간편하게 구할 수 있도록 내장 메서드인 reduce() 를 제공합니다. 콜백 함수를 이용해 원하는 계산식, 또는 원하는 처리 로직을 추가로 적용할 수 있기 때문에 다양한 누적 합(또는 다른 누적 결과)을
3 min read
자바스크립트

[javascript] 배열의 순환(forEach, map)

배열의 많은 메서드들은 원시타입에 적합하도록 설계 되어 있습니다. 객체가 요소인 배열에는 이런 메서드를 사용할 수 없기 때문에 배열 전체를 순환해서 원하는 값을 찾거나, 추출해야 합니다. 원시 타입에도 사용할 수 있지만, 순환 메서드인 forEach(), map() 을 활용하면 객체 배열을 원시 배열처럼 사용할 수 있습니다. 배열을 순환해 요소를 탐색하기(forEach()) 배열 요소들을
5 min read