sungjaeHong

Angular CLI

• 아직 베타버전이라 너무 바뀌는 점이 많음.
• ES6, TypeScript, Dart가 컴파일을 지원.
• TypeScript, Dart가 type을 지원.
• Dart는 js가 아니다.

새 프로젝트 만들기

1. ng new angular-sample(angular-sample이란 폴더를 만들고 angular를 셋팅한다)
2. download 되면 angular-cli.json에 설정을 한다.
3. 자동으로 git init이 되어, commit하게 되면 형상관리 셋팅이 완료된다.

sungjaeHong

#ECMA 2015 INSIDE

ECMA 특징

• 2015년 6월 17일 정식버전채용
• Be a Better Language
• ECMA 스펙의 가장 큰 변화
• ES5의 완벽한 상위 집합

단점

• 이전 버전의 문제점을 여전히 안고있음

sungjaeHong

##React

• facebook이 만든 view engine
• MVC패턴에서 V만 담당
• JSX
• Component Base
• facebook.github.io/react
• https://github.com/facebook/react/wiki/Sites-Using-React​
• 버전업이 빠르다.

##사용처

sungjaeHong

##React Native

###why react-native

• risk를 피해보자
• 공유할만한게 없으니 분리해서 가보자
• react개발자 2명이 놀고있어서...

###Pros

• 재사용성 -> React + Redux + EcmaScript2015 = Awesome
• Fiex layout편리함

sungjaeHong

#좌선법, 우선법

• 단순히 왼쪽 혹은 오른쪽 벽을 계속 짚고 가는 알고리즘.(DFS와 비슷)
• 자신이 지나온 길을 체크하지않기때문에 메모리는 적게소비한다.
• 하지만 사이클이 생기는 미로는 탈출이 불가능할 수도 있다.
• 또한 최단경로가 아닐 가능성이 많다.

#DFS, BFS

• 깊이 우선 탐색(Depth-first search), 너비 우선 탐색(Breadth-first search)
• 보통 너비우선탐색이 깊이우선탐색보다 확률적으로 더 짧은 경로를 찾는다.
• 좌선법, 우선법과는 다르게 지나온 길을 기억하고있어 같은 길을 반복해 탐색하지않는다(메모리 소비)

sungjaeHong

#선형 자료구조 ##Array

• 하나의 type을 가진다.
• 배열 선언 시 할당된 메모리를 변경할 수 없다.
• index로 이루어져 모든 배열에 접근이 용이하다.

-- ##ArrayList

• 레퍼런스타입의 데이터를 저장할 수 있다.(여러 type의 데이터 저장가능)
• 메모리가 유동적이다.

sungjaeHong

#ECMA Script 2015 첫째날

• 개발을 바라보는 관점이 변했으면 좋겠다.
• ES6 특징 공부하기(블로그에 많음)

##ES6을 개발하는 관점

• 기존 언어와 완벽한 호환을 이루겠다.
• 하나하나의 함수에 의미가 있다.

##Javascript 기본형 Boolean

sungjaeHong

#도형만들기 ##Shape Loader Revisited

• Host Object를 extends 하지 말 것
• load -> parse -> ready까지의 chain에 대한 고민

const shapeLoader = {
	load: url => {
		return new Promse((resolve, reject) =>{
			const xhr = new XMLHttpRequest();

sungjaeHong

#ECMA Script 2015 둘째날 ##Execution Context

• 함수는 호출시마다 고유한 실행컨텍스트를 생성한 뒤, 이를 활용하여 함수의 내용을 실행해간다.
• c의 함수는 메모리를 할당했다가 풀면 되지만 javascript의 함수는 c에서 제공한 가짜메모리를 사용하므로 매우 무겁다.
• javascript의 핵심은 chain이다.

const test = function(){};
test(); new EC_test()	//함수를 호출하면 EC객체를 만들어낸다. 호출100번하면 EC객체는 100개만들어진다.

sungjaeHong

#객체지향(OOP)의 특징

##추상화

• 공통의 속성이나 기능을 묶어 이름을 붙이는 것
• 추상화가 가능한 개채들은 개체가 소유한 특성의 이름으로 하나의 집합(class)를 이룬다.
• 객체지향적 관점에서 클래스를 정의하는 것도 추상화라고 정의가 가능하다.
• 예를들어 사과, 배, 포도라는 객체가 있을 때 이것들을 과일으로 묶으며 추상화가 가능하다.

#캡슐화

• 낮은 결합도를 유지할 수 있도록 해주는 객체지향 설계원리.