[Javascript] 10강 Promise

1. Using promises Javascript에서 Promise는 비동기 작업의 최종 완료 또는 실패를 구현하는 객체로 기본 적으로 promise는 콜백은 전달하는 대신에, 콜백을 첨부하는 방식의 개체입니다. 예를 들어 비동기로 음성 파일을 생성해주는 createAudioFileAsync()라는 함수가 있다 가정하고. 해당 함수는 음성 설정에 대한 정보를 받고, 두 가지 콜백 함수를 받습니다.function successCallback(result) { console.log("오디오 파일 주소: " + result);}function failureCallback(error) { console.log("재생 실패: " + error);}createAudioFileAsync(audioSetting..

• format_list_bulleted Front-End/JavaScript
• · 2025. 2. 8.
• textsms

[Javascript] 9강 key 기반 컬렉션, 객체로 작업하기

1. MapsECMAScript 6 에선 값들을 매핑하기 위한 새로운 데이터 구조를 소개하고 있습니다. 그 중 하나인 Map 객체는 간단한 키와 값을 서로 연결(매핑)시켜 저장하며 저장된 순서대로 각 요소들을 반복적으로 접근할 수 있도록 합니다. Map 객체에 저장되어 있는 각 요소들을 [키, 값] 형태의 배열로 반복적으로 반환해주는 for...of를 사용할 수 있습니다.var classic = new Map();let n = ["Germany", "Austria", "England", "Poland"];classic.set("Beethoven", n[0]);classic.set("Mozart", n[1]);classic.set("Haydn", n[1]);classic.set("Elgar", n[2]);..

• format_list_bulleted Front-End/JavaScript
• · 2025. 2. 8.
• textsms

[Javascript] 8강 Index 기반 컬렉션

1. 배열 생성const arr1 = new Array(element0, element1, /* ..., */ elementN);const arr2 = Array(element0, element1, /* ... , */ elementN);const arr3 = [element0, element1, /* .. , */ elementN]; element0, element1, ... , elementN은 배열의 요소에 대한 값의 목록으로 배열은 해당 값을 배열의 요소로 초기화 됩니다. 배열의 length 속성은 인수의 수로 설정됩니다. 대괄호 구문을 "배열 리터럴" 또는 "배열 초기자(array Initializer)"라고 합니다. 배열 생성을 위한 다른 형태보다  짧아 일반적으로 선호하는 방법입니다.cons..

• format_list_bulleted Front-End/JavaScript
• · 2025. 2. 8.
• textsms

[Javascript] 7강 정규 표현식

1. 정규 표현식 만들기정규 표현식은 두 가지 방법으로 만들 수 있습니다. 정규 표현식 리터럴const re = /ab +c/; 정규 표현식 리터럴은 스크립트를 불러올 때 컴파일되며, 바뀔 일 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있습니다.RegExp 객체의 생성자 호출const re1 =new RegExp("ab+c"); 생성자 함수를 사용하면 정규 표현식이 런타임에 컴파일되고, 바뀔 수 있는 패턴이나, 사용자 입력 등 외부 출저에서 가져오는 패턴에 경우 이렇게 사용하면됩니다. 2. 정규 표현식 패턴 작성하기정규 표현식 패턴은 /abc/ 처럼 단순한 문자로 구성하거나, /ab+c/ 와 /Chapter (\d+)\. \d*/ 처럼 단순한 문자와 특수 문자 조합으로 구성할 수 있습니다. 특..

• format_list_bulleted Front-End/JavaScript
• · 2025. 2. 7.
• textsms

[Javascript] 6강 숫자와 날짜

1.숫자JavaScript에서 모든 숫자는 double-precision 64-bit binary format IEEE 754로( ±2^−1022 과 ±2^+1023 또는 ±10^−308 to ±10^+308 사이의 숫자 또는 53bits의 수치정밀도)로 구현되어 있습니다. ±2^53 - 1까지의 정수 값을 정확하게 나타낼 수 있습니다, 부동 소수점 숫자를 나타낼 수 있으며, 숫자 형식은 세 개의 상징적인 값  +Infinity, -Infinity, and NaN (숫자가 아닌 값)을 갖습니다. JavaScript에서 최근 추가 된 것은 BitInt로, 매우 큰 정수를 나타낼 수 이습니다. 사용시 BitInt와 Number 값을 같은 연산으로 혼합하고 일치시킬 수 없으며 Math 객체를 BitInt값과 ..

• format_list_bulleted Front-End/JavaScript
• · 2025. 2. 6.
• textsms

[Javascript] 5강 표현식과 연산자

1. 연산자JavasScript의 연산자는 다음과 같은 유형으로 나눌 수 있습니다.할당 연산자비교 연산자산술 연산자비트 연산자논리 연산자문자열 연산자조건(삼항) 연산자쉼표 연산자단항 연산자관계 연산자JavaScript는 이항 연산자와 단항 연산자 모두를 포함하며, 유일한 삼항 연산자로 조건 연산자도 가지고 있습니다.피연산자1 연산자 피연산자2 이항 연산자의 예시로 3+4와 x*y가 있습니다. 단항 연산자는 연산자의 앞이나 뒤에 하나의 피연산자가 필요합니다.연산자 피연산자피연산자 연산자 단항 연산자의 예시로 x++ 또는 ++x가 있습니다. 2.속성 할당어떤 표현식이 객체로 평가된다면, 할당 표현식의 좌항은 객체로 평가되는 표현식의 속성에 할당할 수 있습니다.let obj = {};obj.x = 5;cons..

• format_list_bulleted Front-End/JavaScript
• · 2025. 2. 6.
• textsms