ionic으로 개발하면서 느낀건데 수업시간때 제이쿼리 모바일처럼

앱 UI 템플릿을  제공하지만 앵귤러 Js 에 맞물려서 설계된게 마음에 들었다.

보통 프론트앤드 소스 보면 모듈화가 기능별로는 잘 안 되어있고 보통 한 소스로 묶어서 JS 라이브러리로 만들어져 있거나

한 파일에 몰아서 엄청난 양의 소스 라인을 자랑한다.

도처히 백앤드를 주로 해봤던 나에게는 정말 너무 싫다.

그러던 중 앵귤러의 모듈형 개발 방식은 너무나도 마음에 드는 방식이다.

지금의 프론트앤드는 춘추전국시대이기 때문에 다양한 기술과 개발 방식이 난잡하게 있고 

발전 속도가 미친듯이 빠르기 때문에 개발을 표준화 시키는 기술이나 방식은 정말 중요한것 같다.

아무리 언어랑 기술이 발전해도 기본적인 비지니스 로직이나 효율적인 설계 방식은 

어는 정도 과거 선배님들의 노고로 많이 모답 답안들도 많고....

실제 그런 효율적인 방식이 집약된 여러가지 웹 프레임워크의 등장으로 

내부적으로 설계된 개발 방식이나 아키텍처의 내용들을 살펴볼수 있어서 참 좋은것 같다.

단점은 공부할게 많다는 것이다 ! ^^ 하지만 프로그래밍의 매력은 배울수록 구현할수 있는 영역의 늘어남이 아니던가? 

배울수록 나는 자유롭게 놀수 있다는 것이 매력이 나를 신기술로 자꾸 빠져든게 한다.

---- 아래는 아이오닉 웹 문서 안내다. 어제는 앱 만들어서 간단하게 UI 를 맛 보았다.

http://ionicframework.com/docs/components/   // 이 주소는 아이오닉 프레임워크 컴포넌트들이다.

$ ionic start APPNAME
$ cd APPNAME

$ ionic add ionic-platform-web-client

$ ionic io init

http://learn.ionicframework.com/ 아이오닉을 튜토리얼을 동영상을 보고 연습할수 있게 했다.

2016년 1월 16일 -> 여러 회사에서 면접 후 안드로이드 스킬이 부족함을 꺠닫고
                     여러 커뮤니티 분들의 조언을 얻어서 ionic으로 하이브리드앱 제작에 도전을 시작함.

참고 자료

http://www.slideshare.net/ssusercf5d12/ionic-1  // 한성일 님 자료

https://nodejs.org/en/ -> node-v5.4.1-x64.msi    // 다운로드 설치 

개발툴 

https://atom.io/ // Atom 에디터 사용  

// 윈도우 8 기준 nodejs 용 commend 창에서 작업함  
npm install -g cordova // -> cordova 수업 시간때 배운거 안드로이드 자바 객체로 감싸줌
npm install -g ionic   // -> cordova를 좀더 사용하기 편하게 만든 UI 템플릿을 제공한다.

https://www.youtube.com/watch?v=15daTaDQ6Yg -> ionic 웹 시작할떄 사용법 안내 회원가입하고 로그인 해야지 되나봄 (설명은 영어임 ㅋㅋ )

아이오닉 쓰는것 까지 좋았는데 다시 angularjs에서 막힌다. 

앵귤러 쓰면서 느낌건데 거의다 자바스크립트 배열 자료로 설정값 넣어주면 자동으로 돌아가는 구조인것같다.
아직 개념적으로 아키텍처를 완벽하게 이해하지는 못해서 계속 쓰면서 공부해야겠다.

angularjs 공부하면서 찾은 사이트이다

http://iotschool.tistory.com/163 

링크로 가면 GDG에서 어떤 분이 발표하신것 봤는데 참 쉽게 설명했다. 

나머지 동영상은 외국인 분이 블라블라 하신다.

아 ㅋㅋㅋ미치겠다 ...

1. AngularJS 핵심 컴포넌트 정리 

Module 

모듈은 일종의 컨터이너 역할을 한다.

Config

어플리케이션이 실행되기 전에 설정을 관리

Routes 

라우트는 어플리케이션의 특정 상태로 이동하는 경로를 정의하기 위한 개념이다.

Views 

모든 자바스크립트와 함께 DOM을 컴파일하고 렌더링 한 이후에 생성된다.

$Scope

AngularJS 어플리케이션 내부에서 뷰와 컨트롤러를 결합하는 객체이다.

Controller

컨트롤러는 뷰가 바인딩하고 있는 속성과 메서드를 정의하기 위한 객체다.

Directive

디렉티브는 View에 대한 확장 기능이다. 디렉티브를 이용해 원하는 동작을 캡슐화한 

재사용 가능한 사용자 정의 요소를 정의 할수 있다.

Service  

AugularJS 어플리케이션의 공통 기능을 구현하기 위한 컴포넌트이다.

2.