공부 기록일지📚

데이터 타입은 크게 2가지로 구분할 수 있다. 원시 데이터 타입(or 기본 데이터 타입, primitive type) - 객체가 아닌 데이터 타입 숫자 문자열 불리언(true/false) null undefined 객체 데이터 타입 (참조 데이터 타입) -원시 데이터 타입 외의 모든 데이터타입은 객체입니다. 래퍼 객체(wrapper object) -원시데이터가 있을 때 객체처럼 활용할 수 있도록 감싸주는 객체를 wrapper object 라고 합니다. -> 이 작업을 JS가 자동으로 처리해 줍니다. -원시 데이터는 객체가 아니기 때문에 객체처럼 사용할 수 없습니다. 하지만 wrapper object를 통해서 마치 객체인 것처럼 사용할 수 있게 됩니다. ▶원시데이터 타입 별 래퍼 객체 유/무 숫자 -> N..

Object 객체란? Object객체는 객체의 가장 기본적인 형태를 가지고 있는 객체이다. 아무것도 상속받지 않는 순수한 객체라는 의미 (최상위 객체) -> 모든 객체는 Object객체로 부터 상속받는다. 생략이 되어있을 뿐 모든 객체는 Object 객체를 상속받고, 그런 이유로 모든 객체는 Object 객체의 프로퍼티를 가지고 있다. 자바스크립트에서는 값을 저장하는 기본적인 단위로 Object 를 사용한다. MDN references를 보면 Object 객체의 카테고리는 2022기준으로 Standard built-in objects(구 Fundamental objects)이다. Object API 사용법 - API를 보면 메소드의 형태가 Object.keys() 인 형태와 Object.prototype..

표준 내장 객체란? Standard Built-in Object 라고 하며 자바스크립트가 기본적으로 가지고 있는 객체들을 의미한다. JavaScript 언어 자체가 제공하는 객체는 아래에 나와있는 것이 전부이다. = 자바스크립트의 코어엔진이 제공하는 API Object Function(JS에서는 함수도 객체입니다.) Array String Boolean Number Math Date RegExp(정규표현식) 언어 자체에서 제공하는 객체는 적은 편이지만 호스트환경에 따라 제공하는 API는 더 많을 수 있습니다. 즉, 기본 내장 코어엔진이 제공하는 API + 호스트환경이 제공하는 API 이용하여 소프트웨어를 만들게 되는 것이죠. 표준 내장 객체와 호스트환경이 제공하는 API는 JS개발자에게 기본적으로 제공되..

상속(inheritance)이란? 객체는 연관된 로직들(변수, 메소드)로 이루어진 작은 프로그램이라고 할 수 있다. 상속은 객체의 로직을 그대로 물려 받는 또 다른 객체를 만들 수 있는 기능을 의미한다. -> 로직 재활용 가능 단순히 물려받는 것이 아니라 기존의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들 수 있게 해준다. //이전에 생성자를 통해 객체를 만드는 방법 //생성자 함수의 내부에 프로퍼티를 정의하고 있다. // function Person(name) { // this.name = name; // this.introduce = function () { // return "My name is " + this.name; // }; // } // const p1 = new Person("co..

this ? this란 함수 내에서 함수 호출 맥락(context)를 의미한다. 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 의미이다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점 역할을 한다. this는 상위 객체를 가르킨다. apply ,call을 활용해 제어가 가능하다. 함수호출 어떠한 객체에 소속되어 있지 않은 함수를 호출했을 때 this는 무엇을 가리키는가? -> this === window 사실상 window가 생략됐을 뿐이지(암시적으로 사용되고 있는 window) window가 해당 함수를 포함하는 전역객체인 것이다. 메소드의 호출 객체의 소속인 메소드의 this는 그 객체를 가르킨다. e.g) o.func(); //..

전역객체(Global object) 전역객체(Global object)는 특수한 객체다. 모든 객체는 이 전역객체의 프로퍼티이다. window ->전역객체의 이름은 호스트 환경에 따라 변경됩니다. node.js처럼 서버측 자바스크립트를 사용하게 되면 winow는 존재하지 않습니다. 대신 global이 존재합니다.// 웹브라우저의 window의 역할을 node에서 global이 하는 것이죠. 전역객체 API ECMAScript 에서는 전역객체의 API를 정의해두었습니다. 그 외의 API는 호스트 환경에서 필요에 따라 추가하고 있습니다. 웹브라우저 자바스크립트에서는 alert()이라는 전역객체의 메소드가 존재하지만 node.js에서는 존재하지 않습니다. function func() { alert("how a..

JavaScript 계열의 언어를 Prototype-based programming 으로 부르고 이 카테고리에 속해있습니다. JS는 멀티 패러다임 언어로 명령형, 함수형, 객체지향형인 언어이다. 기본적으로는 함수가 일급시민으로 취급되는 언어이다. 자바스크립트를 이해하려면 객체 이전에 함수를 제대로 이해해야 합니다. 객체란 서로 연관 변수와 함수를 그룹핑한 그룹이라고 이전 수업에서 설명했습니다. 객체 내의 변수를 property(속성) 그리고 함수를 method(메소드)라고 부릅니다. 자바스크립트 생성자의 특징 일반적인 객체지향 언어에서 생성자는 클래스의 소속이다.(e.g. Java) 하지만, 자바스크립트에서 객체를 만드는 주체는 함수이다. 함수에 new키워드를 붙이는 것을 통해서 객체를 만들 수 있다는 ..

객체지향 프로그래밍(Object-Oriented Programming or OOP)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로 로직을 상태(state)의 행위(behave)로 이루어진 객체로 만드는 것이다. 객체지향 프로그래밍을 번역하면서 너무 철학적으로 접근하는 것은 피해야한다. 객체는 변수와 메소드를 그룹핑한 것이며 이는 다른 곳에서도 활용함으로써 코드의 재활용성을 높여준다. 객체지향 프로그래밍 교육은 크게 두가지로 구분 문법 설계 부품화 초기의 컴퓨터는 단일된 형태의 컴퓨터였다. 이는 키보드가 고장나도 컴퓨터 전체를 바꿔야하고 cpu에 문제가 생겨도 컴퓨터 전체를 바꿔야한다는 것이다. 또한, 고장이나서 제대로 작동하지 않을 경우에 어디서 문제가 발생했는지 한번에 알기 어렵다. 그렇..