분류 전체보기

DOM: 프로그래밍 언어가 웹사이트의 내용, 구조 그리고 스타일을 조작 수 있게 만들어주는 인터페이스 javaScript: 인터넷 브라우저 상의 DOM과 연결해주는 클라이언트 사이드 스크립팅 언어 조금 더 깊숙하게 DOM에 대해서 알아보자. DOM DOM에 대해서 알아보기 전에 DOM을 다루는 브라우저에 대해 잠시 짚고 넘어가자. 브라우저(browser): HTML과 CSS를 해석하는 프로그램이기 때문에 내용(contents), 스타일(style), 구조(structure)를 우리가 보는 페이지에 렌더링 하는 역할 브라우저는 서버로부터 파일(HTML, CSS, JavaScript, 이미지 파일 등)을 응답받아 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱되어 DOM, CSSOM 트리로 변환되고,..

함수를 당장 실행하지 않고 정확히 몇 초의 딜레이 후에 실행하고 싶을 쓰는 함수가 있다. 이것을 "Scheduling a call" 이라고 하는데 이것을 구현하기 위해 2가지의 메소드가 존재한다. 1. setTimeout 2. setInterval 이 두 메소드는 JavaScript 스펙의 일부가 아닌 Node js, 브라우저에서 제공되는 메소드들이라는 것을 꼭 명심하기 바란다. setTimeout, clearTimeout setTimeout: 일정 시간 간격 이후에 함수가 한번 실행 func|code: 실행을 위한 함수나 문자열, 주로 함수를 받는다. delay: 실행하기 전의 딜레이, ms단위로 이루어져 있다, (1000ms == 1 second), default 값은 0ms이다. arg1, arg2..

모든 시스템은 CPU를 포함한다. CPU는 마이크로프로세서라고도 불리우는데, 이는 전자적인 신호로 동작하는 작은 기계이다. 마이크로프로세서는 기본적으로 우리들이 지시한 명령들을 수행한다. 여기서 지시란 마이크로프로세서가 해석할 수 있는 언어로 되어 있는 것을 말한다. 사람들이 사용하는 언어와 기계들이 사용하는 언어는 당연히 다를 것이므로, 기계, 여기서는 마이크로프로세서가 알아들을 수 있는 언어로 지시를 해야 한다. 마이크로프로세서는 IA-32, x86-64, MIPS 그리고 ARM이라는 언어를 사용하는데, 이들을 사용해 직접 하드웨어와 소통한다. 이들을 우리는 기계어라고 부른다. 사람들이 내리는 지시는 컴파일되어 기계들이 알아들을 수 있는 언어로 변형된다. 언어가 고수준으로 발전할 수록 기계어에서 많은..

JavaScript의 여러가지 특징 중 가장 대표적인 3가지가 있다. 1. 비동기 2. 싱글스레드 3. 이벤트 루프 여기서 한가지 의문점이 든다. "JavaScript는 싱글스레드이면서 비동기일 수가 있을까?" 이에 대한 답은 JavaScript 언어는 싱글스레드이고 비동기 행위들은 JavaScript 언어의 일부는 아니며, 비동기 행위는 프로그래밍 환경(브라우저 내부)에 존재하는 JavaScript 언어 코어(Core) 상위에 만들어져 있어 브라우저의 API를 통해 접근한다. 브라우저 내부 - 중요 컴포넌트 Heap 영역 - 객체는 대규모이면서 구조화 되지 않은 메모리 영역인 힙영역 내부에 할당된다. Stack 영역 - JavaScript 코드 실행을 위해 제공된 싱글 스레드를 나타낸다. Web API..