자바스크립트3 [JS] 비동기 처리란?( +Promise, async&await ) 비동기 특정 코드의 연산이 끝날 때까지 코드의 실행이 멈추지 않고, 다음 코드를 먼저 실행하는 JS의 특성 Q. 비동기 객체를 사용하는 이유는? A. 화면에서 서버로 데이터를 요청했을 때 서버가 언제 그 요청에 답을 줄지 모르는데 계속 기다릴 수는 없음! 예를 들어 50개의 요청을 보내는 경우 동기 처리를 하게되면 코드를 "실행하고 기다리고" 과정이 반복되어 웹 애플리케이션 실행에 수십분이 걸리게 됨 Q. 동기와 비동기 특징은? A. 동기 는 동시에 여러 작업을 수행할 수 없음! 그러나 흐름을 예측하기 쉽고, 먼저 수행되고 나중에 수행되는 것들이 명확함 비동기 는 동시에 여러 작업을 수행할 수 있음! 그러나 흐름을 예측하기 어려움, 즉 무엇이 먼저 완료될 지 보장할 수 없음 흔한 비동기 사례 1. 제이쿼.. 2023. 3. 22. [JS] 자바스크립트(JavaScript) 란? 자바스크립트란? - 자바스크립트는 객체(object) 기반의 스크립트 언어 - 객체지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있음 HTML : 웹의 내용 작성 CSS : 웹 디자인 JS : 웹의 동작 구현 자바스크립트 문법 - 식별자 작성 방식 : 관행적으로 CamelCase방식을 많이 사용 자바스크립트 출력 - 대부분 에 function을 쓰고 에서 출력! - 여러 방법을 통해 결과물을 HTML페이지에 출력할 수 있음 window.alert()메소드 HTML DOM요소를 이용한 innerHTML 프로퍼티 document.write()메소드 console.log()메소드 window.alert( ) 메소드 : 별도의 대화상자를 띄워 사용자에게 데이터전달 innerHTML 프로퍼티 : 가장 많.. 2022. 9. 6. [JS] BOM 과 DOM의 차이 BOM(Browser Object Model) 자바스크립트가 브라우저와 소통하기 위해 만들어진 모델 window 최상위객체, 각 프레임 별로 하나씩 존재 navigator 브라우저명, 버전 정보를 속성으로 가짐 document 현재 문서에 대한 정보 location 현재 URL에 대한 정보, 브라우저에서 사용자가 요청하는 URL history 현재의 브라우저가 접근했던 URL history screen 브라우저의 외부환경에 대한 정보 제공 DOM(Document Object Model) 브라우저가 웹문서를 이해할 수 있도록 구성된 것 HTML 이나 XML 등의 문서를 객체로 표현할 때 사용되는 API 문서노드(Document Node) 트리 최상위에 존재 각각의 하위요소들에 접근하려면 문서노드를 통해야함.. 2022. 9. 6. 이전 1 다음
