오늘은 07 - 2장의 내용을 정리해 보자. 07 - 2장의 제목은 '이벤트 활용'으로, 간단한 애플리케이션을 구현하는 이벤트와 관련된 내용을 다루고 있다. 이벤트 모델 이벤트를 연결하는 방법을 이벤트 모델이라고 부른다. 07 -1 장에서는 이벤트를 연결할 때 addEventListener() 메소드를 사용했다. 이 방법이 현재 표준으로 사용하고 있는 방법이므로 표준 이벤트 모델이라고 부른다. document.body.addEventListener('keyup', () => { }) 과거에는 다음과 같이 문서 객체가 갖고 있는 onOO으로 시작하는 속성에 함수를 할당해서 이벤트를 연결했다. 이와 같은 이벤트 연결 방법을 고전 이벤트 모델이라고 부른다. document.body.onkeyup = (even..

오늘은 07 - 1장의 내용을 정리를 마무리 해보자. 07 - 1장의 뒷부분에는 문서 객체와 이벤트에 대해서 설명하고 있다. 화면을 구성하는 기본 내용이니 잘 익혀두어야 한다. 그럼 정리 시작! 문서 객체 생성하기 지금까지는 body 태그 내부에 있는 특정 문서 객체를 읽어들이고 이를 조작했다. 문서 객체를 생성하고 싶을 때에는 document.createElement() 메소드를 사용한다. document.createElement(문서 객체 이름) 그런데 문서 객체를 만들었다고 문서 객체가 배치되는 것은 아니다. 문서를 어떤 문서 아래에 추가 할지를 지정해줘야 한다. 프로그래밍에서는 트리라고 부른다. 문서 객체에는 appendChild() 메소드가 있으며, 이를 활용하면 어떤 부모 객체 아래에 자식 객..

오늘은 07 - 1장의 내용을 정리해 보자. 07 - 1장의 제목은 '문서 객체 조작하기'로, 화면에 글자 또는 그림 등을 출력하는 방법을 설명하고 있다. 화면을 구성하는 기본 내용이니 잘 익혀두어야 한다. 그럼 정리 시작! INTRO HTML 페이지에 있는 html, head, body, title, h1, div, span 등을 HTML 언어에서는 요소(element)라고 부른다. 그리고 자바스크립트에서는 이를 문서 객체(document object)라고 부른다. 따라서 '문서 객체를 조작한다'는 말은 'HTML 요소들을 조작한다'는 의미이다. 문서 객체를 조합해서 만든 전체적인 형태를 문서 객체 모델(DOM, Document Objects Model) 이라고 부른다. DOMContentLoaded ..

어느새 5주차를 마무리하는 시점이 되었다. 새 책 냄새가 좋은 빳빳한 책이었는데 어느새 손때를 많이 타서 제법 통통해졌고, 총 게시글 수가 10개가 되지 않는 새 블로그였는데 어느새 게시글 수가 40개가 넘었다. 별건 없지만 그래도 하루하루 쌓이고 있는걸 보니 뿌듯한 마음이다. (공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.) 기본 미션 객체, 속성, 메소드가 무엇인지 설명하기 객체(object) 객체는 한마디로 정의하면 '실제로 존재하는 사물'을 의미하고 '이름(key)과 값(value)으로 구성'된 속성을 가진 자바스크립트의 기본 데이터 타입이다. 자바스크립트에서 여러 자료를 다룰 때 객체를 사용한다. 이전에 살펴보았던 배열도 여러 자료를 다룰 수 있다. 그렇게 할 수 있던 이유..

오늘은 06 - 3장의 내용을 정리해보자. 자바스크립트를 활용해서 리액트, 뷰 프레임워크 등을 개발할 때 사용하는 문법에 대해 알아볼 것이다. 나중에 웹 개발 하면서 관련 내용이 나왔을 때 당황하지 않도록 잘 정리해야한다. 속성 존재 여부 확인 객체 내부에 어떤 속성이 있는지 확인해보는 코드는 굉장히 자주 사용하는 코드이다. 객체에 없는 속성에 접근하면 undefined 자료형이 나온다. 따라서 조건문으로 undefined 인지 아닌지 확인하면 속성 존재 여부를 확인할 수 있다. 개발자들은 일반적으로 더 간단하게 검사하려고 다음과 같은 코드를 사용하기도 한다. 객체의 특성 속성이 false로 변환될 수 있는 값(0, false, 빈 문자열 등)이 아닐 때와 같은 전제가 있어야 안전하게 사용할 수 있다. ..

Today, I'll summarize the first module of GCC Study. In order to familiarize with the English, I will summarize it in English. 1. The Path to Modern Computers The development of computing saw steady growth since the invention of the Analytical Engine but made a significant leap forward during World War II. Governments poured money into computing research during the war, leading to advancements i..