728x90 PROGRAMMING/JavaScript6 [JS] AJAX, Concurrency model, Promise, Axios AJAX (Asynchronous JavaScript And XML; 비동기식 JavaScript와 XML) 서버와 통신하기 위해 XMLHttpRequest 객체 활용 서버와 상호작용하기 위해 사용되며 전체 페이지의 새로고침 없이 데이터 받아올 수 있음 XML뿐만 아니라 모든 종류의 데이터 받아올 수 있음 JSON, XML, HTML, 텍스트 형식 등을 포함한 다양한 포맷 주고 받을 수 있음 페이지 전체를 reload(새로고침) 하지 않고서도 수행되는 비동기성 사용자의 event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 페이지 새로고침 없이 서버에 요청 → 서버로부터 데이터받고 작업 수행 동기식 순차적, 직렬적 Task 수행 요청 보낸 후 응답 받아야만 다음 동작 이루어짐 (blocking) 왜 .. 2021. 11. 14. [JS] 배열 관련 메서드 배열 키와 속성들을 담고 있는 참조 타입 객체 순서 보장 주로 대괄호[] 이용하여 생성, 0을 포함한 양의 정수 인덱스로 특정 값에 접근 배열의 길이는 array.length 형태로 접근 배열의 마지막 원소는 array.length - 1 로 접근 (-1로 접근 불가) 배열 관련 메서드 reverse: 원본 배열의 요소들의 순서를 반대로 정렬 push: 배열의 가장 뒤에 요소 추가 pop: 배열의 가장 뒤에 요소 제거 unshift: 배열의 가장 앞에 요소 추가 shift: 배열의 가장 앞에 요소 제거 includes: 배열에 특정 값이 존재하는지 판별 후 참/거짓 반환 indexOf: 배열에 특정 값이 존재하는지 판별 후 인덱스 반환 (요소 없을 경우 -1 반환) join: 배열의 모든 요소를 구분자를.. 2021. 11. 12. [JS] 함수 함수 참조 타입 중 하나 function 타입 함수 정의하는 방법: 함수 선언식, 함수 표현식 JavaScript의 함수는 일급 객체(First-class citizen)에 해당 다른 객체들에 적용할 수 있는 연산을 모두 지원하는 객체(함수) 변수에 할당 가능 함수의 매개변수로 전달 가능 함수의 반환 값으로 사용 가능 - 함수 선언식 (function statement, declaration) function name(args) { // do something } 함수의 이름과 함께 정의하는 방식 name: 함수의 이름 args: 매개변수 호이스팅 발생 함수 호출 이후에 선언해도 동작 - 함수 표현식 (function expression) const myFunction = function (args) {.. 2021. 11. 12. [JS] 조건문, 반복문 조건문 - if 조건 표현식의 결과값을 Boolean 타입으로 변환 후 참/거짓 판단 if, else if, else 조건은 소괄호() 안에 작성 실행할 코드는 중괄호{} 안에 작성 블록 스코프 생성 const nation = 'Korea' if (nation === 'Korea') { console.log('안녕하세요!') } else if (nation === 'France') { console.log('Bonjour!') } else { console.log('Hello!') } - switch 조건 표현식의 결과 값이 어느 값(case)에 해당하는지 판별 표현식의 결과값을 이용한 조건문, 표현식의 결과값과 case문의 오른쪽 값을 비교 break, default문은 선택적으로 사용 break문이 .. 2021. 11. 12. 이전 1 2 다음 728x90