전체 글157 [JavaScript] 비동기, 동기 동기: 위에서부터 실행된다 비동기: 코드 상의 순서대로 실행되지 않는 코드를 의미. 실행되기 전까지는 언제 실행될지 모른다. 언제 실행될지 모르기 때문에 항상 대비를 해놔야한다. 사용자가 언제 이벤트를 발생할지 모르기 때문에 항상 대비를 해놔야한다. 동기방식 (Synchronous) 요청을 보낸 후 응답(=결과)를 받아야지만 다음 동작이 이루어지는 방식이다. 어떠한 일을 처리할 동안 다른 프로그램은 정지한다. 실제 cpu가 느려지는 것은 아니지만 시스템의 전체적인 효율이 저하된다고 할 수 있다. -> 요청과 결과가 한 자리에서 동시에 일어남 -> A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 동기방식의 장점: 설계가 매우 간단하고 직관적이다. 동기방식의 단점: 결과가 .. 2020. 8. 30. [JavaScript] Document document는 html과 js가 서로 호환이 안될때 호환을 도와주는 객체이다. document 객체를 통해 html과 서로 소통할 수 있으며, html의 태그 요소도 만들 수 있고 createElement('태그명') createElement('태그명')를 통해 만들어진 태그에 value도 넣을 수 있다. // window는 브라우저, document는 페이지(탭) // document는 html과 js의 번역 var body = document.body; var word = document.createElement('div'); // document 객체의 메서드를 사용해 HTML을 만들 수 있다. word.textContent = '민경'; document.body.append(word); var.. 2020. 8. 26. [JavaScript] getElementById Document.getElementById() 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환한다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다. 매개변수: id 찾으려는 요소 ID. ID는 대소문자를 구분하는 문자열로, 문서 내에서 유일해야 합니다. 즉, 하나의 값은 하나의 요소만 사용할 수 있다. 반환값: 주어진 ID와 일치하는 DOM요소를 나타내는 Element 객체 문서 내에 주어진 ID가 없으면 null 어떤 글 blue red function changecolor(newColor){ var element = document.getElementById('para'); element.style.color = ne.. 2020. 8. 24. [JavaScript] 객체의 기본형, 객체의 종류 객체의 기본형 객체.메서드(); // 객체의 메서드 실행한다. 객체.속성; // 객체의 속성값을 가져온다 . 객체.속성 = 값; // 객체의 속성값을 바꾼다. 객체 생성 방법 참조변수(인스턴스 이름) = new 생성 함수() var computer = new Object(); computer.color = "black"; computer.price = 30000; 객체의 종류 내장 객체: 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용한다.내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다. 브라우저 객체: 브라우저 객체 모델(BOM): 브라우저에 계층 구조로 내장되어 있는 객체를 말한다. 브라우저 객체로는 window, screen, .. 2020. 8. 21. 이전 1 ··· 33 34 35 36 37 38 39 40 다음
