일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- git
- 함수
- hatso
- github
- 우아한테코톡
- 변수
- JavaScript
- react
- html5
- array
- JS
- 햇소
- AI
- es6
- API
- Python
- object
- developerlife
- CSS
- 선택자
- dev
- learn next.js
- hooks
- This
- gitCLI
- ES6+
- DOM
- next.js
- ES5+
- 최적화
- Today
- Total
목록JavaScript (23)
codinghatso
클래스의 상속은 만들어 놓은 클래스의 기능들을 그대로 가져다 쓸 수 있으면서도, 상속받은 클래스의 고유한 기능을 추가할 수 있기 때문에 체계적으로 구조화 된 서비스를 개발하는데 아주 중요한 역할을 합니다. 키워드 // 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..
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을 반..
NaN과 Infinity는 실제 숫자 값은 아니지만 숫자 타입으로 정의됩니다. 자바스크립트 내장 예약어, 또는 별도로 정의된 숫자 타입의 한 종류이며, NaN은 문자열을 숫자로 변환할 수 없는 경우, Infinity는 숫자형으로 표현할 수 없는 큰 숫자인 경우(수학에서 말하는 무한한 값이 아니라 자바스크립트로 표현 가능한 최대 정수보다 큰 경우) Infinity를 대신 표시합니다. let nanVar = NaN; Number.NaN; Number.isNaN(); Number.isInfinite(); Number.EPSILON; // 두 표현 가능한 숫자의 최소 간격. / 2.220446049250313e-16 Number.MAX_SAFE_INTEGER; // 안전한 최대 정수. / 900719925474..
자바스크립트에는 원시 자료형 중 하나로 "숫자(Number)" 자료형을 제공합니다. 1234 -4567 0.234 2.345e6 과 같은 모든 숫자 표현을 말합니다. 다른 개발 언어의 정수형, 실수형, 부호 없는 정수형과 같은 세세한 숫자형의 구분 방식과 달리 자료형이 1개만 있습니다. 자바스크립트의 숫자형은 내부적으로 부호가 있는 64비트 부동소수점으로 저장됩니다. 비트 자릿수 표현 0~51 숫자(52비트) 52~62 지수(11비트) 63 부호표시(1비트) 그 외에 숫자형은 아니지만, 수적인 표현을 사용하기 위해 Infinity(무한), NaN(Not a Number)과 같은 숫자형을 보조하는 자료형이 있습니다. 연산을 하기 전에 숫자를 캐스팅(Casting)해서 정수와 실수를 구분해 사용할 수 있습니..
자바스크립트는 자유도가 높은 언어에 속합니다. 때문에 _ 나 $ 같은 특수 기호가 접두, 접미에 붙여 선언해도 오류가 발생하지 않습니다. const variable = _var, $1, _name_of_value_; let _9 = '변수'; let _ =1; let $ = 2; let $2 = _ + $; 위처럼 자유도가 높은 변수 선언 하지만 우리는 변수 명을 선언 할때에 주의해야 할 점이 있습니다. 바로 개발자들이 협업을 위해 정해 놓은 규칙을 지켜야 한다는 점입니다. $기호를 변수명에 사용한 자바스크립트 코드를 공유, 또는 협업을 하면 당신의 코드를 보는 그 누군가일 개발자는 당신의 코드를 제이쿼리 코드로 판단할 가능성이 굉장히 높습니다. 따라서 제이쿼리와 같은 자바스크립트 라이브러리와의 사용상 ..