본문 바로가기

typescript

(15)
$(this) 란? $(this) 란? javascript - this 이벤트가 발생한 태그 요소가 표시 (jquery의 $(this)[0]와 같음) jquery - $(this) 이벤트가 발생한 요소의 정보들이 Object로 표시된다.
sibling 요소 sibling 요소 선택 method .siblings() - 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다. .next() - 선택한 요소 바로 다음 위치한 형제 요소를 선택한다. .nextAll() - 선택한 요소 다음에 위치한 형제 요소를 모두 선택한다. .nextUntil() - 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .prev() - 선택한 요소 바로 이전의 위치한 형제 요소를 선택한다. .prevAll() - 선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다. .prevUntil() - 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 다음까지의 요소를 모두 선택한다.
replace 정규표현식 replace 정규표현식 str_text.replace(/찾을 문자열/gi, "변경할 문자열") 정해진 규칙을 사용해 모든 문자를 변환할 수도 있고 숫자만 변호하거나 맨 처음, 맨뒤만 변환할 수 있음 슬래쉬(/) 표시안에 넣는 텍스트의 따옴표는 없어야함 gi의 의미 g : 전체 모든 문자열 변경(global) i : 영문 대소문자를 무시, 모두 일치하는 패턴 검색 (ignore) 특수 기호를 맨처음 적을 때는 항상 역슬래쉬() 부분이 정규식 맨 앞에 존재 해야함 4asdf/.asdf/.fsdd4df.replace(/\[/4.\]/gi, "@";) \[\] 안에 특수 기호를 넣으면 하나하나 개별적으로 변환 replace 사용시 Property 'replace' does not exist on..
typescript 변수 상수 선언 (ES6) 변수, 상수 선언 키워드 let : 정의된 블록내에서만 존재하는 변수 선언 (지역변수) const : 위와 동일, 상수(변하지 않는 값) 선언 var : ES6문법 이전부터 사용하던 변수 선언 (전역변수)
생성자 constructor 생성자 설정 방법 예시 class Button { constructor(name: string) { this.name = name; } }
named export 란? 한 파일 내에서 여러 변수/클래스 등등을 export 하는 것이 가능하다. export class MyFirstClass { ... } export class MySecondClass { ... } 다만, import시 {}안에다가 export된 이름과 동일하게 설정해야 한다. import { MyFirstClass, MySecondClass } from './MyClass' 다른 이름으로 import 할 수 있으나 아래 처럼 as 를 사용해야한다. import {MyFirstClass as BlahBlahClass, MySecondClass} from './MyClass' *as 를 사용하면 한 파일에 있는 클래스/변수들을 한 번에 import 할 수 있다. import *..
export default 란? default로 선언된 모듈은 하나의 파일에서 단 하나의 변수 또는 클래스 등등만 export 할 수 있다. import할 때는 아무 이름으로나 import 가능함. import Verification from ../VerificationPage' or import ThisIsNotVerification from '../VerificationPage이렇게 사용가능하다. 단, var, let, const를 바로 export default 할 수 없다. ex) export default const MY\_BIRTHDAY = "1990/01/01"