표준 내장 객체란? 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에 문제가 생겨도 컴퓨터 전체를 바꿔야한다는 것이다. 또한, 고장이나서 제대로 작동하지 않을 경우에 어디서 문제가 발생했는지 한번에 알기 어렵다. 그렇..
//기본 함수 호출방법 function func(){ } func(); //apply()를 사용하여 호출하기 funcion sum(arg1, arg2){ return arg1 + arg2}; alert(sum.apply(null, [1,2]) // output: 3 // 이 예제처럼 단순한 코드일 경우에는 apply()를 사용하는 것은 바람직하지 않다. 그냥 sum(1,2)로 하는 것이 맞다. //하지만 우리가 apply()메소드를 사용하는 이유는 앞의 null을 다른 값을 넣어서 사용할 수 있기 때문이다. 객체에 값이 들어가 있다면 속성(property)라고 하고 함수가 들어가 있다면 메소드(method)라고 합니다. JS에서 함수는 객체입니다. -> 함수에는 JS가 기본적으로 제공하는 내장된 메소드,..
//sum()함수는 전달받는 매개변수가 지정되어있지 않음 function sum() { //변수 i는 loop를 위한 변수 굳이 따로 뺄 필요없이 for문 내부에 let i 라고 써줘도 된다. let i, _sum = 0; for (i = 0; i < arguments.length; i++) { document.write(`${i} ${arguments[i]} `); _sum += arguments[i]; } return _sum; } //sum()에 4개의 인자(1,2,3,4)를 전달 document.write(`result : ${sum(1, 2, 3, 4)}`); 함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열(배열과 비슷하긴한데 배열은 아닌 것)이 있다. 실제로는 arguments 객..
- Total
- Today
- Yesterday
- reactAPI
- 부트캠프항해
- 원티드 3월 프론트엔드 챌린지
- grid flex
- 형제 요소 선택자
- 항해99프론트
- fs모듈 넥스트
- 틸드와 캐럿
- 타입스크립트 장점
- && 셸 명령어
- getStaticPaths
- 원티드 프리온보딩 FE 챌린지
- text input pattern
- D 플래그
- getServerSideProps
- aspect-ratio
- nvm경로 오류
- 원티드 FE 프리온보딩 챌린지
- ~ ^
- 프리온보딩 프론트엔드 챌린지 3월
- float 레이아웃
- 프리렌더링확인법
- 항해99추천비추천
- nvm 설치순서
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- tilde caret
- 타입스크립트 DT
- Prittier
- is()
- 항해99프론트후기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |