codinghatso

JS는 window라는 거대한 오브젝트 안에서 구현되는 형식을 취하고 있다. 전역에서 this를 출력하면 window 오브젝트가 호출되는 모습을 볼 수 있다. window는 모든 전역변수, 함수, DOM을 보관하고 관리하는 전역객체이다. this는 나를 담고 있는 오브젝트를 출력해준다. function person(){ this.name = 'kim' } 여기에서 this는 새로 생성되는 오브젝트(instance)이다. constructor(생성자) 안에서 사용하면 constructor로 새로생성되는 오브젝트를 뜻합니다. constructor는 오브젝트를 복사해서 생성해주는 장치입니다.

클래스의 상속은 만들어 놓은 클래스의 기능들을 그대로 가져다 쓸 수 있으면서도, 상속받은 클래스의 고유한 기능을 추가할 수 있기 때문에 체계적으로 구조화 된 서비스를 개발하는데 아주 중요한 역할을 합니다. 키워드 // 1. extends - 상속받을 클래스를 지정하는 지시자입니다. class ChildClass extends ParentClass {} //이런 방식으로 부모 클래스(Parent Class)를 상속받게 됩니다. 호출하지 않으면 부모 클래스의 생성자에서 초기화한 변수나 //메서드를 사용할 수 없게 됩니다. //2. super - 부모 클래스의 생성자(constructor()) 를 호출합니다. 자식 클래스의 생성자에서 호출하며, //부모 클래스의 생성자를 호출합니다. class ChildCla..

// 1. class 클래스명 {} 으로 클래스 외형을 정의합니다. class Estimate {} // 2. 클래스 내부에 생성자(constructor) 함수를 정의합니다. // 클래스 1개에 생성자는 1개만 올 수 있습니다. 필수 함수이며, function 키워드는 사용하지 않습니다. class Estimate2 { constructor() {} } // 3. 생성자에 파라메터를 추가합니다. // new 키워드로 클래스를 생성할 때 인스턴스 변수는 "const" 로 설정하는 것이 기본입니다. // ES6의 클래스에는 "let unit=[];" 과 같은 변수 선언 X, 메서드만 O. // 따라서 클래스 객체를 가리키는 this 지시자로 클래스 안에 변수 값을 대입해 동적으로 생성해야 합니다. class..

ECMAScript 3rd 1999 Object { key : value} 형식의 문서 JSON simplest data interchange format lightweight text-based structure easy to read key-value pairs used for serialization and transmission of data between the network the network connection independent programming language and platform 번역 간단한 데이터 교환 형식 (데이터를 주고 받을 때 가장 간단한 파일 포맷이다.) 경량 텍스트 기반 구조 (텍스트 기반의 가벼운 구조.) 읽기 쉬운 키-값 쌍 네트워크 연결 네트워크 간 데이터의 직..

indexOf() 검색 /** * Returns the index of the first occurrence of a value in an array, or -1 if it is not present. * @param searchElement The value to locate in the array. * @param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0. */ indexOf(searchElement: T, fromIndex?: number): number; indexOf: * 배열에서 값이 처음 나타나는 인덱스를 반환하거나 값이 없으면 -1을 반..

*API 관련 업로드는 lib.es5.d.ts 파일의 내용을 바탕으로 공부했습니다. *파일에는 IDE(VScode)기능으로 mac은 command키 window는 control키를 누르고 원하는 함수를 클릭하면 파일이 열립니다. toString(), toLcaleString() 문자열 /** * Returns a string representation of an array. */ toString(): string; /** * Returns a string representation of an array. The elements are converted to string using their toLocaleString methods. */ toLocaleString(): string; toString():..

/** * Objects * one of the JavaScript's data types. * a collection of related data and/or functionality. * Nearly all objects in JavaScript are instances of Object * object = {key : value}; */ // 1. Literals and properties const obj1 = {}; // 'object literal' syntax const obj2 = new Object(); //'object constructor' syntax function print(person) { console.log(person.name); console.log(person.age)..

평소처럼 npm 으로 서버를 listen 하고 있었는데 특별한 이유없이 'already listen error'가 뜬 것이다. 이를 해결하기 위한 방법은 생각 보다 간단 했습니다. $killall node 명령어를 입력하면 listen 되고 있는 노드를 정리해줍니다. killall 명령어가 만들어져 있는 것을 보아하니 개발자들은 한번씩 경험하는 오류인가 봅니다! 오늘도 즐거운 개발공부를 했습니다.