loading
본문 바로가기

자바스크립트7

[JavaScript] 자바스크립트 자료형(원시 타입)과 형변환 자바스크립트 자료형(원시 타입)과 형변환 자바스크립트의 자료형은 다음과 같다. 먼저 Primitive Data Type(원시 타입)부터 알아보자. Primitive Data Type은 아래와 같은 특징이 있다. - 한번에 하나의 값만 가질 수 있다. - 하나의 고정된 저장 공간을 이용할 수 있다. Number(숫자열)은 다음과 같다. let age = 25; // 정수 let tall = 175.9; // 실수 let inf = Infinity; // 무한대 let minusInf = Infinity; // 음의 무한대 let nan = NaN; // 수학적 연산의 실패 String(문자열)은 다음과 같다. let name = "sailas"; let name2 = "이순신"; let name3 = `s.. 2022. 3. 4.
[JavaScript] 자바스크립트 변수와 상수 자바스크립트 변수와 상수 변수와 상수는 이름이 붙은 저장소이다. 1. 변수는 상수에는 $와 _를 제외한 다른 기호를 쓸 수 없다. const $a_b = "a"; console.log($a_b); >>> a 2. 변수와 상수의 시작은 문자로 해야한다. 3. if와 같은 자바스크립트의 예약어는 변수나 상수로 사용할 수 없다. var, let, const var는 변수를 중복해서 선언하는 것이 가능하다. var a = "a"; var a = "b"; console.log(a); >>> b let은 변수를 중복해서 선언할 수 없다. 그러므로 변수를 선언할 때는 let을 쓰는 것이 안전하다. let a = "a"; let a = "b"; console.log(a); >>> SyntaxError: /src/ind.. 2022. 3. 4.
[JavaScript] 자바스크립트 동기 작업과 비동기 작업 [JavaScript] 동기 작업과 비동기 작업 자바스크립트는 single thread로 실행된다. single thread에서 한번에 하나의 작업씩 수행하는 것을 동기 작업 또는 블로킹 작업이라고 한다. single thread에서 여러개의 작업을 동시에 수행하는 것을 비동기 작업 또는 논 블로킹 작업이라고 한다. 비동기 처리를 할 때는 자바스크립트에서 함수를 호출할 때 콜백함수를 붙여서 비동기 처리가 잘 끝났는지 확인할 수 있다. 아래와 같이 실행되는 것이 동기적 방식이다. (taskA 함수가 끝나야지 함수 바깥의 두번째 console.log가 실행된다. function taskA() { console.log("A 작업 끝"); } taskA(); console.log("코드 끝"); >>> A 작업.. 2022. 3. 3.
[JavaScript] 자바스크립트 비구조화 할당 [JavaScript] 비구조화 할당 비구조화 할당을 사용하면 반복되는 변수를 줄여 쓰는데 유용하다. let arr = ["one", "two", "three"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; // 반복되는 변수 arr을 아래와 같이 줄일 수 있다. let [one, two, three] = arr; // 위와 같이 대괄호를 사용하여 배열의 값을 순서대로 할당 받아 사용하는 것을 배열의 비구조화 할당이라고 한다. 배열의 선언 분리 비구조화 할당을 사용하면 더 단축해서 사용할 수 있다. // 아래와 같이 배열의 선언 분리 비구조화 할당을 사용하면 더 단축할 수 있다. let [one, two, three] = ["one", "two",.. 2022. 3. 3.