본문 바로가기

2018/0724

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.
비전공자 정보처리기사 실기 합격 후기 / 공부 방법 18년 2회차 정보처리기사 실기를 치고 왔습니다. 저는 기계공학과 출신 비전공자로 18년 7월 현재 국비 학원에서 자바 교육을 수강중입니다. 정보처리기사를 준비하기 위해서 시간 외에는 어떤 비용도 지출하지 않았습니다. 저처럼 비전공자이면서 시험을 준비하시는 분들을 위해 정보처리기사 자격증을 획득하기 위한 방법을 소개하고자 합니다. 1. 자격요건 1. 대학 4년제 : 4학년 1학기 이상 재학중인 경우 응시가 가능 (졸업예정자) 2. 전문대 (2년, 3년) : 대학 졸업 후 실무경력을 쌓아야 함 (2년 : 2년 이상, 3년 : 1년 이상) 3. 순수 실무경력 4년 이상 (유사 직무 분야) 4. 동일분야 기사 이상 5. 기능사 + 3년 이상 : 기능사 먼저 취득 후 3년의 실무경력 6. 산업기사 1년 이상 :.. 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.
반응형

티스토리툴바