도도의 IT이야기

복습시작 그전에 new의 역활을 정리하자면 1. 비어있는 객체를 만든다 {} 2. 생성자의 this를 비어있는 객체에 bind한다 3. 비어있는 객체에 __proto__라는 속성을 만든다. __proto__는 객체를 만든 생성자의 프로토타입 속성을 포인트한다. 4. 생성자가 비어있는 객체에 새로운 속성을 파라미터로 받은 값으로 지정해 준 다음에 this(객체)를 return한다 다른 역활을 간단한지만 3번은 이해하기가 어렵다 그러니 그림으로 표현해보자 이렇게 모든 객체안에는 __proto__라는 속성이 있고 이 __proto__는 상위 객체에서 상속받은 속성들을 나타낸다. 이거 두 개만 기억하자 1. __proto__가 가리키는 속성들이 곧 객체에 상속되는 속성들이다. 2. literal notation..

자바스크립트는 객체지향 프로그램이라는 말이 있을 정도로 자바스크립트에서 객체는 굉장히 중요한 부분을 차지합니다. 객체(Object) 뜻 우선 객체란 말이 너무 어렵군요. 저는 코딩을 공부하기 전에 객체라는 단어가 존재하는지도 몰랐습니다. 객체를 알기위해선 객체가 영어로 무엇인지 알아야합니다. 객체는 영어로 "Object" 즉 물건이라는 뜻 입니다. 그렇습니다. 객체란 물건을 의미하는 것이죠. 이게 무슨 개소리야? 이런 소리를 하신 분들도 있으겁니다. 그러니 이해하기 쉽게 코드를 예로 들면서 설명해봅시다. 그 전에 한 가지 물건이나 사람 아무거나 떠올려 봅시다. 마침 밖에 차가 있으니 저는 차를 선택하겠습니다. 그럼 밖에 있는 차에 대해 설명을 해보겠습니다 1. 바퀴가 네개있다. 2. 차는 검정색이다. 3..

*MDN 문법과 자료형을 개인의 복습을 위해 간추린 글입니다* 선언 방법 1. var - 변수를 선언한다. function scope이거나 global scope로 선언 가능. 동시에 값을 초기화 하는 것도 가능. 2. let - 변수를 선언한다. block scope 로 선언. 동시에 값을 초기화 하는 것도 가능 3. const - 상수를 선언한다. block scope이고 무조건 초기화 해야됨. 변수 선언 1. var a = 2; //전역또는 지역변수 가능 2. let b = 2; //block scope 지역변수 3. a = 2; // 선언되지 않은 전역변수 *초기화 되지 않은 변수는 undefined *선언되지 않은 변수를 console.log 하면 reference error let const ..

자바스크립트란? 자바스크립트는 복잡한 로직을 적용하여 "살아 숨쉬는" 웹페이지를 만드는 프로그래밍 언어입니다. 서버쪽에서 실행되는 언어가 아니라 사용자의 컴퓨터에서 실행되는 언어이기 때문에 클라이언트 언어라고도 합니다. HTML은 "정보" CSS는 "디자인" JAVASCRIPT는 "행동" 하지만 요즘 JavaScript가 엄청나게 발전했기 때문에 HTML과 CSS의 위치를 위협하고 있습니다. 자바스크립트의 날개 Web API 자바스크립트는 web API라는것을 탑재한 언어입니다. Web API 는 클라이언트 쪽에서 사용하는 API를 가르킵니다. 그럼 API가 뭔데? API (Application Programming Interface) 식당에 있다고 상상해봅시다. "오늘은 흠... 어린이 돈까스가 먹고 ..

저는 왕초보 독학러로써 제가 적은 부분에 틀린 부분이 있을 수도 있다는 점을 감안해주시길 바랍니다. HTML, CSS, 자바스크립트는 전부 다 웹 개발에 사용되는 언어입니다. 우리는 이 중에 자바스크립트(JavaScript)라는 언어에 대한 고찰을 시작하려고 합니다. 하지만. 그전에 우리가 꼭 알아야 하는것이 있습니다. 웹은 무엇일까? 인터넷 > 웹 > 웹사이트 > 웹페이지 우리는 웹을 자주 사용하지만 지나가다 아무나 붙잡고 "웹이 뭐야?!"라고 물어본다면 정확한 정의를 대답할 수 있는 사람은 많지 않을겁니다. 우선 웹을 이해하기 전에 인터넷이라는 것에대해 알아야합니다. 인터넷이란? 인터넷은 컴퓨터, 스마트폰을 포함한 전자기기들을 포괄하는 거대한 네트워크입니다. 비유를 하자면 우리가 전자기기고 인터넷은 ..