Tag: javaScript

2018
0
02_WorkShop2018 CodeSpitz

CodeSpitz78 2/ 루틴 심화

🌕🌑🌑 🔥 코드스피츠 수업을 수강하면서 복습한 내용을 정리했습니다.공부 후에는 풀어서 쉬운 언어로 설명할 수 있도록 연습하자. 1. 참조 전파의 문제 LA는 간접적으로 B를 물고 있다. 상호 참조(연쇄참조)가 되어서 서로 오염이 된다.. 디버깅이 어려워진다. 참조값은 전체를 오염시키기 쉽다. 복사본을 넘겨야한다. 2. 서브루틴의

0
02_WorkShop2018 CodeSpitz

CodeSpitz78 1/ 루틴과 결합도-응집도 모델

🌕🌑🌑 🔥 코드스피츠 수업을 수강하면서 복습한 내용을 정리했습니다.공부 후에는 풀어서 쉬운 언어로 설명할 수 있도록 연습하자. 1. Sub Routine 1-1. sub routine flowflow 메모리에 적재되어있는 명령이 순차적으로 실행되는 과정을 의미한다. sync라고도 한다. routine 메모리에 적재되어있는 명령어 세트 명령어

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