프로그래밍에서 변수를 선언하고 사용하는 것은 너무나 당연하게 여겨지지만, "왜 변수를 사용하는가?"라는 질문에 대해 깊이 고민해본 적이 없었습니다? 물론 전공 수업에서 배운 적은 있으나, 기억이 희미하기에 이번 글에서는 변수가 어떤 역할을 하는지, 그리고 메모리와 변수의 관계에 대해 한번 정리 해보려 합니다.컴퓨터는 데이터를 어떻게 저장하고 처리할까?컴퓨터는 CPU와 메모리를 활용해 데이터를 연산하고 처리합니다.CPU: 데이터를 읽고 연산하는 역할을 합니다.메모리: 데이터를 저장하고 필요할 때 CPU가 가져다 사용할 수 있도록 돕습니다.그러면 메모리란 무엇인가?메모리는 데이터를 저장할 수 있는 작은 공간들로 이루어져 있습니다. 이 공간을 메모리 셀이라고 하며, 각 셀의 크기는 1바이트(8비트)입니다. 모..

DOM(Document Object Model)텍스트 파일로 만들어져 있는 웹문서를 브라우저에 렌더링하려면, 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야합니다. 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여, 메모리에 적재하는데 이를 DOM이라 한다.즉 모든 요소와 요소의 어트리뷰트, 텍스트를 각각의 객체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 것이 DOM이다.이러한 웹 문서의 동적 변경을 위해 DOM은 프로그래밍 언어가 자신에 접근하고 수정할 수 있는 방법을 제공하는데 이를 DOM API라고 부른다.정적인 웹페이지에 접근하여 동적으로 웹페이지를 변경하기 위한 유일한 방법은 메모리 상에 존재하는..

자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어자바스크립트로 작성한 프로그램을 "스크립트라고 부른다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있으며, 웹페이지를 불러올 때 스크립트가 자동으로 실행 된다.브라우저에서 할 수 있는 일모던 자바스크립트는 ‘안전한’ 프로그래밍 언어이다. 메모리나 CPU 같은 저수준 영역의 조작을 허용하지 않는다. 애초에 이러한 접근이 필요치 않은 브라우저를 대상으로 만든 언어이기 때문이다.브라우저에서는 웹페이지 조작, 클라이언트와 서버의 상호작용에 관한 모든일을 할 수 있는데 다음과 같다.페이지에 새로운 HTML을 추가하거나 기존 HTML, 혹은 스타일 수정하기마우스 클릭이나 포인터의 움직임, 키보드 키 눌림 등과 같은 사용자 행동에 반응하기..