전체 글
-
-
-
-
-
[Javascript] 6. 이벤트 처리JS 2021. 4. 25. 18:06
✔︎ 이벤트 처리기 등록 이벤트 주도형 프로그램에서 이벤트가 발생했을때 실행할 함수를 등록하는 방법에 대해서 알아봅니다. 🚀 HTML 요소의 이벤트 처리기 속성에 설정 HTML과 자바스크립트 소스가 섞여 가독성 💩 특정 요소에 하나의 이벤트만 등록 가능 🚀 Dom 요소 객체의 이벤트 처리기 프로퍼티에 설정 HTML과 자바스크립트 소스를 분리해서 작성 가능 하지만 위와 마찬가지로 특정 요소에 하나의 이벤트만 등록 가능 var btn = document.getElementbyId("button"); btn.onClick = eventFunc(); 🚀 addEventListener 메소드로 설정 같은 요소에 여러개의 이벤트 등록 가능 버블링 및 캡쳐링 단계에서도 활용 가능 => Dom 요소 객체의 이벤트 처리..
-
[Javascript] 5. 클라이언트 측 자바스크립트JS 2021. 4. 25. 16:27
✔︎ 웹 브라우저에서의 자바스트립트 자바스크립트를 사용하지 않은 웹 페이지를 정적( Static ) 웹 페이지라고 합니다. 반대의 경우는 동적( Dynamic ) 웹 페이지라고 부릅니다. 동적 웹페이지를 구성하는데 자바스크립트는 크게 아래의 역할을 수행합니다. 🚀 웹 페이지의 Document 개체 제어 ( HTML, CSS ) 🚀 웹 페이지의 Window 개체 및 브라우저 제어 🚀 웹 페이지에서 발생하는 이벤트 처리 🚀 HTTP를 이용한 통신 ✔︎ 웹 브라우저에서의 자바스트립트 실행 순서 웹 브라우저에는 HTML문서를 분석하고 표시하는 렌더링 엔징이란 프로그램이 존재합니다. 렌더링 엔진이 아래의 과정을 거치면서 최종적으로 자바스크립트 코드를 실행합니다. 🚀 HTML 마크업을 처리하고 DOM 트리를 구축합..
-
[Javascript] 4. 내부구조 및 실행과정JS 2021. 4. 25. 02:55
자바스크립트 언어를 공부하는데 있어 가장 중요하다고 생각하는 부분입니다. 돌아서면 헤깔리는 부분이라 최대한 이해하기 쉽게 정리해보겠습니다. ✔︎ 자바스크립트 프로그램의 실행 과정 실행 가능한 코드 찾기 => 해당 코드 평가 => 실행 문맥 생성 ✔︎ 실행 가능한 코드 찾기 자바스크립트 엔진은 3가지 유형( 전역 코드, 함수 코드, eval 코드 )의 실행 가능한 코드를 찾습니다. 3가지 유형을 나누는 이유는 실행 문맥의 초기화 과정이 조금씩 차이가 나서 그렇습니다. 특히 eval 코드는 앞으로 설명하게될 어휘적 환경 (Lexical Environment)이 아닌 다른 별도의 환경에서 실행됩니다. ✔︎ 실행 문맥 ( Execution Context ) 자바스크립트의 코드가 실행되고 관리되는 공간을 의미하며..
-
[알고리즘 이론] Tree알고리즘 2021. 4. 23. 01:14
오늘은 트리에 대해서 알아보려고 합니다. 해당 내용은 종만북을 공부하고 정리한 내용입니다 ✔︎ 트리 란 ? 계층적 구조를 갖는 자료들을 표현하기 위한 자료구조 주로 노드를 구조체로 표현하고 자식 노드를 포인터로 연결 ✔︎ 순회 계층적 구조를 갖는 트리의 노든 노드를 확인하는 것은 중요 이를 순회라고 하며 주로 재귀적 속성을 활용해서 진행 ⁃ 전위순회 : 부모 -> 왼쪽 자식 -> 오른쪽 자식 ⁃ 중위순회 : 왼쪽 자식 -> 부모 -> 오른쪽 자식 ⁃ 후위순회 : 왼쪽 자식 -> 오른쪽 자식 -> 부모 [ 대표문제 ] 트리 순회 순서 변경 전위순회 + 중회순회 주어졌을떄 후위순회 결과 출력 void printPostOrder(const vector& preorder, const vector& postord..