본문 바로가기

Road to Developer/edwith풀스택웹개발자29

13. DOM, Query Selector DOM(Document Object Model)브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다.그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다.브라우저는 DOM Tree를 찾고 조작하는 걸 쉽게 도와주는 여러가지 메서드를(DOM API)를 제공합니다. 1. 하나의 요소 선택document.getElementById(id)document.querySelec.. 2018. 7. 4.
12. 자바스크립트는 어떻게 작동하는가 How JavaScript Works 자바스크립트 엔진 중 유명한 것이 구글의 V8엔진입니다. V8엔진은 크롬과 노드 js에서 사용됩니다. V8엔진은 크게 두 부분으로 구성됩니다.메모리힙(Memory Heap): 메모리할당이 이루어지는 곳입니다.콜스택(Call Stack): 코드가 실행 되면서 스택 프레임이 쌓이는 곳입니다. 자바스크립트의 엔진이 중요하긴 하지만 엔진 만으로 모든 것이 이루어지는 것은 아닙니다. 브라우저가 제공하는 웹 API라는 것도 있어서 DOM, AJAX, setTimeout등이 여기에 포함됩니다. 또한 이벤트루프와 콜백큐도 자기 역할을 하고 있습니다. 콜스택 자바스크립트는 싱글 스레드(single-threaded) 프로그래밍 언어입니다. 다시 말하면 콜스택이 하나라는 뜻입니다. 따라.. 2018. 7. 4.
11. 자바스크립트 기초 : 변수, 조건문, 반복문, 함수 자바스크립트의 버전은 ECMA Script의 버전에 따라 결정된다. 현재는 ES 6버전을 표준으로 사용 중. 변수 표시 var, let, const의 형태로 변수를 표시할 수 있다.var : function-scoped , let/const : block-scoped 참고 자료. by LeoHeo님 //다양한 변수 지정방법 var a = 2; var a = "aaa"; var a = 'aaa'; var a = true; var a = []; var a = {}; var a = undefined; //or연산자 활용 var name = ""; var result = name || "codesquad"; console.log(result); //결과는 codesquad //삼항연산자 활용 const data.. 2018. 7. 3.
10. 서블릿 생명주기 (Servlet Life Cycle)와 request, response 서블릿을 생성하고 init, service,destroy메서드를 자동생성한다. 아래처럼 코드를 수정해본다. package exam; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/LifeCycleServlet") public class.. 2018. 6. 25.
반응형

티스토리툴바