FrontEnd

[JS] 모던 자바스크립트 Deep Dive 6장 - 데이터 타입

6장 - 데이터 타입 자바스크립트의 모든 값은 데이터 타입을 갖는다. 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 구분 데이터 타입 설명 원시 타입 숫자 타입 숫자, 정수, 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 문자열 불리언 타입 논리적 참과 거짓 undefined 타입 var 로 선언된 변수에 암묵적으로 할당된 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 symbol 타입 ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 6.1 숫자 타입 자바스크립트는 독특하게 하나의 숫자 타입만 존재한다. ECMAScript 사양에 따르면 숫자 타입의 값은 배정밀도 64비트 부동소수점 형식을 따른다. 즉, 모든 수를 실수로 처리하며 정수만 표현하기 위..

[JS] 모던 자바스크립트 Deep Dive 5장 - 표현식과 문

5.1 값 값은 표현식이 평가되어 생성된 결과를 말한다. 평가란, 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다. 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장된다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다. 5.2 리터럴 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다. 자바스크립트 엔진은 코드가 실행되는 시점은 런타임에 리터럴을 평가해 값을 생성한다. 즉, 리터럴은 값을 생성하기 위해 미리 약속한 표기법이라고 할 수 있다. 5.3 표현식 표현식은 값으로 평가될 수 있는 문이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. 표현식은 리터럴, 식별자(변수, 함수 등의 이름), ..

[JS] 모던 자바스크립트 Deep Dive 4장 - 변수

4.1 변수란 무엇인가? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 (값의 위치를 가리키는 상징적인 이름 ) 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고 저장된 값을 읽어 들여 재사용하기 위해 변수라는 메커니즘을 제공 변수는 프로그래밍 언어의 컴파일러 또는 인터프리터에 의해 값이 저장된 메모리 공간의 주소로 치환되어 실행됨 변수를 통해 개발자가 직접 메모리 주소를 통해 값을 저장하고 참조할 필요 없이 변수를 통해 안전하게 값에 접근 가능 변수 이름을 통해 참조를 요청하면 자바스크립트 엔진은 변수 이름과 매핑된 메모리 주소를 통해 메모리 공간에 접근해서 저장된 값을 반환 메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름을 변수 이름,..

[JS] 자바스크립트 동작원리

너무나도 어려운 자바스크립트 비동기 동작 자바스크립트는 싱글 쓰레드 언어입니다. 이 의미는 쉽게 풀어쓰면 한 번에 한 가지 일 밖에 처리할 수 없다는 것을 의미합니다. (어려운 용어로는 Call stack이 하나라고 표현 합니다) 동기적(쉽게 말하면 순차적,순서대로)으로 동작 -> 스택(쓰레드)이 하나밖에 없기 때문입니다. 그러나 시간이 오래걸리는 실행은 기다리지 않고 다른걸 먼저 실행합니다. 싱글 쓰레드이기 때문에 동기적으로 동작하는데 어떻게 다른걸 먼저 실행할까요?? 1분 이상이 시간이 소요되는 오래 걸리는 작업이 있다고 가정 해보겠습니다. 자바스크립트는 머리가 하나이기 때문에, 1분 동안 아무것도 안하고 기다리면 브라우저는 아무런 행동(화면 스크롤, 버튼 클릭…)도 하지 못하게 됩니다. 그렇다면 어..

[JS] 자바스크립트 삼항 연산자, 다중 삼항 연산

1. 삼항 연산자란? 삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문 삼항 연산자 표현) 조건문 ? 선택문1 : 선택문2 조건문이 참(True)이면 선택문1을 실행하고 조건문이 거짓(False)이면 선택문 2를 실행한다. 삼항 연산자 사용법) if문과 삼항 연산자의 예시를 비교하여 어떻게 다른지 확인해보자. if 문 let a = 15; let b = 9; if (a > b) { console.log(true); } else { console.log(false); } // true 삼항 연산자 let a = 15; let b = 9; const value = (a > b) ? true : false; console.log(value); // true 삼항 연산자는 아래와 같이 괄호 없이 사용 가..

[JS] 자바스크립트 필수 배열 메소드 총정리 - Javascript Array method

sort() 배열을 오름차순, 내림차순으로 정렬한다. 예시) const arr = [5, 3, 2, 4, 6, 1]; const res; res = arr.sort(); // sort((a, b) => a - b)과 동일 console.log(res); // [1, 2, 3, 4, 5, 6] res = arr.sort((a, b) => b - a); console.log(res); // [6, 5, 4, 3, 2, 1] join() 배열을 문자열로 변환한다. 배열.join(); // 구분자를 넣지 않으면 컴마가 포함되어 문자열로 합쳐진다. 배열.join('.'); // 구분자를 넣어주면 아이템 사이에 구분자를 넣어서 문장여로 합쳐진다. 예시) const fruits = ['apple', 'banana',..

[JS] 자바스크립트 문자열 반복하기 - repeat() 함수

repeat() 함수 주어진 문자열을 옵션의 count 만큼 반복하여 붙인 다음에 새로운 문자열로 반환하는 함수 parameter : 반복 횟수 사용방법 ) // repeat() 함수 사용방법 string.repeat( [반복 count]) 예시 ) let test = "123"; testRepeat = test.repeat(3); console.log(testRepeat); let strTest = ['A', 'B', 'C', 'D', 'E']; for(let i = 0; i < strTest.length; i ++){ console.log(strTest[i].repeat(i+1)); } ================================================================..

[JS] 자바스크립트 - 변수란?

변수란? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 다시 말하면 , 메모리 공간에 저장된 값을 다시 읽어 들여 재사용 할 수 있도록 메모리 공간에 상징적인 이름을 붙인 것이다. 이 변수 덕분에 우리는 직접 메모리 주소를 통해 값을 저장하고 참조할 필요가 없고 변수를 통해 안전하게 값에 접근할 수 있다. 변수 선언 변수 선언이란 변수를 생성하는 것을 말한다. 다시 말하면 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결하여 값을 저장할 수 있게 준비하는 것이다. 변수를 사용하기 위해선 반드시 선언이 필요하다. 변수를 선언할 때는 var, let, const 키워드를 사용한다. es6에서 let과 co..