ES6 Symbol 오브젝트

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

2018

01_Web03. JavaScript

2018-11-04

1/ 함수형 프로그래밍 (🙄)

📒 인사이드 자바스크립트 중 메모해야할 부분만 적었습니다.함수형 프로그래밍에 대해서 더 깊게 배우길 원한다면 Lisp나 Haskell과 같은 언어를 공부하자. TL;DR Higher-Order Functions (고계 함수, 계산의 효율성) Purity (순수성, 데이터 플로우의 취급) Immutable Data (불변성) Referential Tr

01_Web03. JavaScript

2018-10-20

6/ OOP (ES5 기준)

📒 인사이드 자바스크립트 중 메모해야할 부분만 적었습니다. 0. 클래스 기반의 언어 - 프로토타입기반의 언어클래스 기반의 언어 클래스로 객체의 기본적인 형태와 기능을 정의하고, 생성자로 인스턴스를 만들어서 사용할 수 있다. 런타임에 바꿀 수 없다. 정확성, 안전성, 예측성등의 관점에서는 프로토타입기반의 언어보다 좀더 나은 결과를 보장. JAVA,

01_Web03. JavaScript

2018-08-25

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

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

01_Web03. JavaScript

2018-08-24

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

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

01_Web03. JavaScript

2018-08-23

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

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

01_Web03. JavaScript

2018-08-06

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

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

01_Web03. JavaScript

2018-05-27

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

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

01_Web03. JavaScript

2018-01-20

11/ 정규표현식

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

2017

01_Web03. JavaScript

2017-12-28

8/ DOM 확장

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