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에서 어떤 분이 발표하신것 봤는데 참 쉽게 설명했다. 

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

아 ㅋㅋㅋ미치겠다 ...

Why React?Edit on GitHub

React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC.

많은 사람들은 React 는 View로 생각할수있다.

We built React to solve one problem: building large applications with data that changes over time.

우리는 React를 한가지 문제를 해결하기 위해서 만들었다: 실시간으로 변화하는 데이터와 연동된  대형 어플리케이션 만드는것 

Simple 단순함

Simply express how your app should look at any given point in time, and React will automatically manage all UI updates when your underlying data changes.

간단하게 어떻게 당신의 앱이 어떤 주어진 때에 나타내야 하는 것을 표현하고 당신이 준 데이터가 변화할때 React는 자동적으로 모든 UI관리한다.

Declarative(선언부)

When the data changes, React conceptually hits the "refresh" button, and knows to only update the changed parts.

데이터가 변화할떄 , React는 개념적으로 "새로고침" 버튼을 누군다 그리고 오로지 변화된 부분만 업데이트 

Build Composable Components(구성할수있는 컴포넌트들을 빌드한다.)

React is all about building reusable components. In fact, with React the only thing you do is build components. Since they're so encapsulated, components make code reuse, testing, and separation of concerns easy.

React는 모든 재사용할수있는 컴포넌트를 빌드하는 것에 대한 모든거이다. 사실상 , React가지고  당신이 작업하고 있는 것들은 오로지 컴포넌트로 빌드한다.

Give It Five Minutes # 5분만 주세요

React challenges a lot of conventional wisdom, and at first glance some of the ideas may seem crazy. Give it five minutes while reading this guide; those crazy ideas have worked for building thousands of components both inside and outside of Facebook and Instagram.

React 많은 많은 논쟁적인 지혜에 도전하고 한번 훝어보면 몇몇 생각들은 아주 미친것 같다. 이 가이드를 읽는 읽는데 5분만 줘라:그러한 미친 생각들이 Facebook and Instagram 안 밖으올 수천객의 컴포넌트들을 빌드하기 위해서 작업했다.

Learn More

You can learn more about our motivations behind building React in this blog post.