반응형

자바스크립트 3

배열(Array) 과 Object(객체) 에 대해 알아보자

Array (배열) 데이터를 리스트 같이 저장하는 곳 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체 Array 자주 사용하는 연산 배열 만들기 let fruits = ['사과', '바나나'] console.log(fruits.length) // 2 인덱스로 배열의 항목에 접근하기 let first = fruits[0] // 사과 let last = fruits[fruits.length - 1] // 바나나 배열의 항목들을 순환하며 처리하기 fruits.forEach(function (item, index, array) { console.log(item, index) }) // 사과 0 // 바나나 1 배열 끝에 항목 추가하기 let newLength = fruits.push('오렌지') // ["..

let, const, var 차이

let block-scoped 변수 재선언은 할 수 없지만 재할당이 가능 let을 이용하여 선언한 변수는 글로벌 객체에 입력 안됨 let name = 'apple' console.log(name) // apple let name = 'orange' console.log(name) // Uncaught SyntaxError: Identifier 'name' has already been declared name = 'banana' console.log(name) //banana let은 hoisting은 되지만 error를 발생한다 let은 초기 값을 할당하지 않으면 undefined가 초기 값으로 할당된다. let a; console.log(a) // undefined hoisting은 되지만 error..

자바스크립트 Promise 이해하기

Promise 프로미스는 비동기 작업을 할 때 미래의 완료 또는 실패와 그 결과값을 나타낸다. 비동기 처리 : 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성 Promise가 왜 필요한가? 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용 $.get('url 주소/products/1', function(response){ }) 데이터를 받아오기도 전에 마치 데이터를 다 받아온 것 마냥 화면에 데이터를 표시하려고 하면 오류가 발생하거나 빈 화면이 뜬다. 이와 같은 문제점을 해결하기 위한 방법 중 하나가 프로미스 프로미스 코드 - 기초 먼저 아래 간단한 ajax 통신 코드 이다. function getData(callbackFunc){ $.get(..

반응형