✏️

Promise 자바스크립트 내에서 비동기 처리를 간편하게 처리할 수 있게(콜백지옥 보완/해결) 도와주는 객체 (ES6에서 추가) - Promise 만들기 (일반 객체처럼 new 사용) cosnt promise = new Promise((resolve, reject) => { // 비동기 작업 성공시 resolve()를 호출하고, // 비동기 작업 실패시 reject()를 호출하도록 구현한다. }) - Promise 다음엔 then()과 catch()를 사용 cosnt promise = new Promise((resolve, reject) => { // 처리 내용 }) promise.then( // resolve가 호출되면 then이 실행 ) .catch( // reject가 호출되면 catch가 실행 )..

배열 : 순서가 있는 리스트 '1번 철수, 2번 영희, ... 30번 영수'를 코드로 표현하면⬇️ let students = ['철수', '영희', ... '영수']; 배열은 대괄호로 만들고 쉼표로 구분한다. index = 배열을 탐색할때 사용하는 고유번호 / 0부터 시작한다. 배열의 특징 - 문자 뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있다. - length : 배열의 길이 / 배열이 가지고 있는 요소의 개수 - push : 배열 끝에 추가 let days = ['월','화','수'] days.push('목') console.log(days) // ['월', '화', '수', '목'] - pop : 배열 끝 요소 제거 let days = ['월','화','수']; days.pop() conso..

객체에 함수 추가 fly: function(){ console.log('날아갑니다.') } const superman = { name: 'clark', age: 35, fly: function(){ console.log('날아갑니다.') } } // 위 코드를 줄여서 작성하면 const superman = { name: 'clark', age: 35, fly(){ // function 생략 가능 console.log('날아갑니다.') } } superman.fly(); 를 호출하변 '날아갑니다.'가 실행된다. fly() = method = 객체 프로퍼티로 할당된 함수 ⬇️메소드 로그에 객체의 name 프로퍼티를 넣으려면, const user = { name: 'Mike', sayHello: functio..

이름이 홍길동이고, 나이가 20인 사람A에 대한 객체를 생성해보면 const humanA = { name : '홍길동', age : 33, } 위 코드는 humanA 객체를 만든 것 이다. 객체는 중괄호로 작성하고, 중괄호 안은 Key와 Value로 구성된 프로퍼티가 들어있다. 각 프로퍼티는 쉼표(,)로 구분하고 마지막 쉼표는 생략이 가능하다. 객체에 접근하기 humanA.name // '홍길동' humanA['age'] // 20 객체에 프로퍼티 추가하기 humanA.gender = 'male'; humanA['hairColor'] = 'red'; 객체의 프로퍼티 삭제하기 delete humanA.hairColor; *존재하지 않는 프로퍼티에 접근하면 error가 아닌 undefined가 뜬다. *프로..

// 이름이 없는 함수를 만들고 변수(sayHello)를 만들어 함수를 할당했다. // 함수 표현식 let sayHello = function(){ console.log('Hello'); } sayHello(); // 함수 선언문 function sayHello(){ console.log('Hello'); } sayHello(); 함수 선언문은 어디에서든 호출할 수 있다. sayHello(); function sayHello(){ console.log('Hello'); } 호출을 먼저하고 함수를 선언해도 정상적으로 작동된다. 자바스크립트는 위에서 아래 방향으로 차례대로 한줄씩 읽으면서 실행되는, 순차적으로 결과를 즉시 반환하는 언어 = 인터프리터 언어(Interpreted language) 그럼에도 위의..

함수(function) function sayHello(name){ console.log('Hello, ${name}'); } function = 함수 sayHello = 함수명 name = 매개변수 // 매게변수가 없는 함수 작성하기 // 에러 alert창 띄우는 함수 function showError(){ alert('에러가 발생했습니다. 다시 시도해주세요.'); } showError(); // 매게변수가 있는 함수 작성하기 function sayHello(name){ const msg = 'Hello, ${name}'; console.log(msg); } sayHello('Mike'); // 콘솔 창에 Hello, Mike 실행됨. function sayHello(name){ let msg = 'H..

switch문 switch(평가){ case A: // A일때 코드 case B: // B일때 코드 ... } = if문 if(평가 == A){ // A일때 코드 } else if(평가 == B){ // B일때 코드 } ex) let fruit = prompt('무슨 과일을 사고 싶나요?'); switch(fruit){ case '사과' : console.log('100원 입니다.'); break; case '포도' : console.log('200원 입니다.'); break; case '딸기' : console.log('300원 입니다.'); break; case '수박' : console.log('400원 입니다.'); break; default : console.log('그런 과일은 없습니다.');..

반복문 loop : 동일한 작업을 여러번 반복 for문 for(let i = 0; i 초기값 설정 i 조건 설정, false가 되면 조건문 멈춤 i++; => 코드 실행 후 작업. (1씩 증가) * i가 0부터 시작해서 10보다 작은 조건을 만족할때까지 i에 1씩 더해주면서 반복한다. while문 let i = 0; while(i < 10) { // 코드 } // 이렇게만 적으면 무한반복됨 (i가 계속 10보다 작기 때문에) let i = 0; while(i < 10) { // 코드 i++; // i가 1씩 증가됨 } do.. while문 let i = 0; do{ // 코드 i++; } while (i < 10) wh..