Tag: javascript

0

5/ OOAD와 테트리스 (2)

🔥 코드스피츠 수업을 수강하면서 복습한 내용을 정리했습니다.아직 정리중.. 1. StageStage 클래스는 뭘 필요로 할까? 판마지막 판이 몇 판일까? = 몇 판까지 있을까? 속도 판마다 속도가 증가한다. 최소 속도 최대 속도 속도는 어떤 객체가 가져가야할까? Game보다는 Stage가 적합. 캡슐화와 은닉화의 속성을 이용하여,속도의 처리

0

4/ OOAD와 테트리스 (1)

🔥 코드스피츠 수업을 수강하면서 복습한 내용을 정리했습니다.OOA, OOD까지만의 내용만 다루었습니다. 강의와 추가로 찾아본 자료와 섞여있습니다. 1. 개요1-1 OOAD? 개념 (Object-Oriented Analysis and Design)소프트웨어를 개발하는 하나의 방법론으로모든 소프트웨어 시스템의 주요 기본요소를사물을 가리키는 객체와그 객

0

3/ (stack 구조) HTML parser ✨✨

🔥 코드스피츠 수업을 수강하면서 복습한 내용을 정리했습니다.참고 : 렌더링 엔진 - 파싱 1. 개요어떤 상황을 보고 구조적이고 재귀적인 형태로 파악을 할 수 있느냐,데이터 분석을 할 수 있느냐.. BNF<기호> ::= <표현식> 내부 구성요소로부터 응용구성요소 확장하는 것을 BNF 정의방식 언어의 구성요소를 정의하는 여러 문

0

2/ 루틴 심화

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

0

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

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

0

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

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

0

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

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

0

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

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

0

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

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

0

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

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