본문 바로가기

전체 글

 (75)
window 객체 window 객체 전역객체라고 불린다. JSC, BOM, DOM 모든 객체를 포함하고 있다. (창이나 프레임을 의미한다.) JSC (JavaScript Core) 자바스크립트 언어의 자체에 정의되어 있는 객체들, Object, Arrary, function 등. BOM (Browser Object Model) 웹 페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화 시킨 것이다. 경고창 등. DOM (Document Object Model) 웹 페이지의 문서를 제어하는 객체이다. document 등. window객체는 생략 가능한 객체이다.
Property 'split' does not exist on type 'string | number | string[]'. Error Property 'split' does not exist on type 'string | number | string[]'. Error typescript를 사용할때 문자열 자르기 같은경우는 해당 구문 앞에 .toString()을 붙여주자
input type text에 input type file val() 이름 불러오기 아래와 같이 input type이 file 일때 다른 input text에 file 이름 출력할때의 방법이다. 찾아보기 var fileTarget = $('.upload-hidden'); fileTarget.on('change', function() { if (window.FileReader){ // 최신 브라우저 var filename = ($(this)[0]).files[0].name; } else { // 예전 브라우저 var filename = $(this).val().toString().split('/').pop().split('\\').pop(); } $(this).siblings('.upload-name').val(fil..
$(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; } }

티스토리툴바