Category: JavaScript

2019
0
01_DevTIL ✍JavaScript

(ing..) ES6 Symbol 프로퍼티

ECMAScript6 책 (두고두고 보는 자바스크립트 표준 레퍼런스)정리중 입니다. 0. Well-Known Symbol스펙에서 @@iterator 형태로 작성된 것을 볼 수 있는데, @@는 Symbol 대신 사용한 것이다. @@iterator === Symobl.iterator Well-Known Symbol은 스펙에서 처리 알고리즘을 구분하기

0
01_DevTIL ✍JavaScript

ES6 Symbol 오브젝트

CommentSymbol에 대해서 이해가 안갔는데 C언어의 enum과 비슷한 개념이라고 설명한 부분에서 살짝 감이 왔다. ECMAScript6 책 (두고두고 보는 자바스크립트 표준 레퍼런스)인프런 JavaScript ES6+ 제대로 알아보기 – 중급 :: symbol 심볼은 3가지 형태로 사용할 수 있다. Symbol(): Symbol 값을 생성

2018
0
01_DevTIL ✍JavaScript

4/ 함수와 프로토타입 체이닝 (2)

📒 인사이드 자바스크립트 중 메모해야할 부분만 적었습니다. 4. 함수 호출과 this 함수호출시 암묵적으로 arguments 객체와 this인자가 전달된다. 4.1 arguments 객체 유사배열 객체 정의된 함수의 인자보다 적게 함수를 호출할 경우 넘겨지지 않은 인자는 undefined 함수 코드를 작성할 때, 런타임 시에 호출된 인자의 개수

0
01_DevTIL ✍JavaScript

4/ 함수와 프로토타입 체이닝 (1)

📒 인사이드 자바스크립트 중 메모해야할 부분만 적었습니다. 1. 함수 정의 함수 선언문1234// 함수 선언문function add(x,y){ return x + y;} 함수 표현식1234// 함수 표현식var add = function (x,y){ return x + y;} add는 함수 변수 add

0
01_DevTIL ✍JavaScript

3/ 자바스크립트 데이터 타입과 연산자

📒 인사이드 자바스크립트 중 메모해야할 부분만 적었습니다. 목차 객체 프로퍼티 읽기/쓰기/갱신 객체 프로퍼티에 접근하는 방법 for in문 객체 프로퍼티 출럭 객체 프로퍼티 삭제 delete 배열과 객체 배열과 객체의 유사점과 차이점 배열의 프로퍼티 동적생성 유사배열객체 1. 객체 프로퍼티 읽기/쓰기/갱신1-1. 객체 프로퍼티에 접근하

0
01_DevTIL ✍JavaScript

13/ Image 업로드 시 회전에 대하여 (feat. exif 메타데이터 - Orientation)

웹 브라우저에서 이미지를 업로드 할 때 type이 file인 input을 통해 이미지를 받고, file API를 사용하여 이미지를 read합니다. 이때 핸드폰을 세워서 촬영할 경우 사진 이미지가 멋대로 회전되서 read될때가 있습니다. 이를 잡기 위해서는 사진의 메타정보(exif)에 있는 orientation이라는 정보를 확인해야합니다.exif가 무엇인지

0
01_DevTIL ✍JavaScript

12/ File Api와 이미지 용량 줄이기

오늘은 이미지 용량을 줄이는, (리사이징이 더 맞는 말이겠죠.) 방법에 대해서 알아보려고 합니다. 로컬에서 이미지 파일을 올리는 것부터 시작하죠. 이를 위해서는 HTML5관련 API 중 하나인 파일 API를 이용하고, 이미지 리사이징을 위해서 캔버스를 이용할 것입니다. 파일API를 다뤄보고 Blob에 대해서도 알아보죠..(Blob의 더 자세한 내용을

0
01_DevTIL ✍JavaScript

11/ 정규표현식

목차 정규표현식 플래그 패턴 자주사용하는 정규표현식 JS Regular Expression RegExp Constructor RegExp Method RegExp.prototype.exec() RegExp.prototype.test() 1. 정규표현식 `RegExp.prototype.exec(text)` : `RegExp.protot

2017
0
01_DevTIL ✍JavaScript

8/ DOM 확장

‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차 선택자 API querySelector() 메서드 querySelectorAll() 메서드 matchesSelector() 메서드 요소 간 이동 HTML5 클래스 관련 추가사항 getElementsByClassName()

0
01_DevTIL ✍JavaScript

8/ DOM(1) - 노드의 계층 구조(2)

‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차 Node 타입 Document 타입 Element 타입 Text 타입 텍스트 노드 생성 텍스트 노드 통일 텍스트 노드 분할 Comment 타입 CDATASection 타입 DocumentType 타입 DocumentFra