Javascript 15

[모던 자바스크립트] 데이터 타입

데이터 타입은 값의 종류를 말합니다. 자바스크립트는 7개의 데이터 타입을 제공합니다. 각 타입은 원시 타입과 객체 타입으로 분류할 수 있습니다. 구분 데이터 타입 설명 원시타입 숫자 타입 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 문자열 불리언 타입 논리적 참과 거짓 undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입 ES6에서 추가된 7번째 타입 객체타입 객체, 배열, 함수 등 개발자는 명확한 의도를 가지로 타입을 구별해서 값을 생성할 것이고, 자바스크립트 엔진은 타입을 구별해서 값을 취급합니다. 자바스크립트가 제공하는 데이터 타입의 특징을 살펴봅시다. 숫자 타입 C나 자바의 ..

[모던 자바스크립트] 표현식과 문

값 식(표현식)이 평가되어 생성된 결과를 말합니다. 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미합니다. 모든 값은 데이터 타입을 가지며 메모리에 이진수, 즉 비트의 나열로 저장됩니다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있습니다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름입니다. 따라서 변수에 할당되는 것은 값입니다. 값은 다양한 방법으로 생성할 수 있습니다. 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말합니다. 리터럴은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호(’’, “”, [], {}, // 등)로 표기한 코드입니..

[모던 자바스크립트] 변수

변수란 무엇인가? 왜 필요한가? 변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념입니다. 자바스크립트 엔진이 연산될 식의 의미를 해석하면 연산을 수행하기 위해 먼저 연산자와 피연산자를 기억합니다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억합니다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체입니다. 각 셀은 고유의 메모리 주소를 가지며, 이 메모리 주소는 메모리 공간의 위치를 나타냅니다. 0부터 시작해서 메모리의 크기만큼 정수로 표현됩니다. 성공적으로 연산이 끝나고 연산 결과가 메모리에 저장되었지만 문제가 있습니다. CPU가 연산해서 만들어낸 숫자를 재사용할 수 없다는 것입니다. 메모리 주소를 통해 값에 직접 접근할 수도 있지만 이것은 치명적 오류를 발생시킬 가능..

[모던 자바스크립트] 자바스크립트란?

자바스크립트의 표준화 마이크로소프트는 자바스크립트의 파생 버전인 JScript를 IE에 탑재했다. 그런제 문제는 JScript와 자바스크립트가 적당히 호환되었다는 것이다. 즉, 각자 자사 시장 점유율을 높이기 위해 자사 브라우저에서만 동작하는 기능을 경쟁적으로 추가하기 시작했다는 것이다. 이로 인해 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생하기 시작했고, 결과적으로 모든 브라우저에서 정상적으로 동작하는 웹페이지를 개발하기가 무척 어려워졌다. 이에 따라 표준화된 자바스크립트의 필요성이 높아지기 시작했고, 컴퓨터 시스템의 표준을 관리하는 비영리 표준화 기구 ECMA 인터내셔널에 자바스크립트 표준이 요청했으며 자바스크립트는 ECMAScript로 명명되었다. 자바스크립트의 ..

lodash

lodash? javascript의 인기있는 라이브러리 중 하나로 보통 array, collection, date 등 데이터의 필수적인 구조를 쉽게 다룰 수 있게끔 하는 데에 사용된다. _.(변수) lodash wrapper로 변수를 감싸게 되면서 해당 편수에 대한 chaining을 시작 브라우저에서 지원하지 않는 성능이 보장되어있는 다양한 메소드를 가지고 있으며 퍼포먼스 측면에서 native보다 더 나은 성능을 가지며 npm이나 기타 패키지 매니저를 통해 쉽게 이용할 수 있다. lodash method array findIndex() _.findindex(array, [predicatie=.indentity],[thisArg]) index number 출력 flatten() _.flatten(array..

Javascript 2022.10.02